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

Question

我正在尝试制作this box，但这有点过头了。在白色标题文本正确显示后，我无法获得间距。

实时版本为here，当前的CSS位于以下。标准＆lt; p>在div内部忽略了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。调整填充，你会没事的。