css h1 – 只与文本一样宽

前端之家收集整理的这篇文章主要介绍了css h1 – 只与文本一样宽前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个H1样式为我的网站:
.centercol h1 {
    color: #006bb6;
    font-weight: normal;
    font-size: 18px;
    padding:3px 3px 3px 6px;
    border-left:3px solid #c6c1b8;
    background:#f2efe9;
    display:block;
}

背景颜色跨越了centercol的整个宽度,500px …

如何使此H1仅跨越H1的文本的宽度?

解决方法

您可以使用inline-block值进行显示,但是在这种情况下,您将松开h1的块特性,即如果它们是内联元素(在这种情况下,您可以使用换行符),兄弟节点将与h1并排显示
display:inline-block;

猜你在找的CSS相关文章