css - 带有背景图像的 CSS 块不包括标题后的空格

Question

我正在尝试创建这个盒子，但这有点超出我的想象。我无法正确显示白色标题文本后的间距。

现场版在这里，当前的 CSS 在下面。div 中的标准 < p > 忽略了 hblock 上的底部填充，我不禁认为我的做法是错误的。有没有更简单的方法来创建这个元素或我在代码中缺少的东西？

非常感谢。

#lheaderblock{display:block;
padding:0px 10px 0px 10px;
background-image:url('http://atlas.czg.net/atlas/wp-content/uploads/2012/12/caption_header_blue.gif');
height:160px;
width:90%;
border:1px solid #000000;
background-repeat:no-repeat;
overflow: hidden;}

hblock{position:absolute;
color:#FFFFFF;
font-size:14pt;
padding:10px 0px 20px 15px;}

Answer 1

我不知道是什么<hblock>。当浏览器也不知道时，它们会将它们呈现为内联元素。你需要给它display: block并删除position: absolute. 调整填充，你会没事的。