我有一个 div 里面有一个标题,我想给标题加下划线,这样下划线覆盖了 div 的大约 80%,两边缩进 10%。另外,我希望下划线是标题下方的一些像素。我正在尝试这个
在html部分
<div id="divname">
<h2>HEADER</h2>
</div>
在 CSS 部分
#divname h2 {
text-align: center;
font-family:arial,sans-serif;
text-decoration:underline;
}
但这里标题直接下划线,没有高度间隙,并且下划线的宽度与标题数据相同。我怎样才能做到这一点 ?