css - header 宽度(H1，H2等)

我希望标题(h1到h6)具有背景颜色(与页面背景的颜色不同)，我还希望该背景的宽度与标题中文本的宽度相同，外加空白(不 header 所在容器的宽度(现在正在发生这种情况)。

我向您展示任何代码都没有多大意义，因为这相当简单(或者无论如何应该如此!)。容器的宽度是固定的。现在，我为h1，h2，h3等标签设置了一些边距，填充，背景颜色和字体样式。

编辑:我想代码会有所帮助! https://web.archive.org/web/20090724165158/http://adriantrimble.com/headers(已应用了Gerald的解决方案，尽管显然这在IE6 / 7中仍然不起作用，并且在较新的浏览器中仍然存在问题)。使用display:inline导致的问题比解决的问题多，使用float:left和clear:left由于两列布局而导致上述问题。到目前为止，感谢大家的帮助。

最佳答案

我会用

#rightcol h1, #rightcol h2, #rightcol h3, #rightcol h4, #rightcol h6, #rightcol h6 {
   float:left;
   clear:left;
}
#rightcol p {clear:left;}

评论后编辑

如果包含的div处于 float 状态，则clear不会清除左侧的col。所以向右 float 右移并删除边距

#rightcol {
   float:left;
   padding:70px 20px 20px 0px;
   width:585px;
}