Question

我有一些我想要下划线的文字。现在，我不仅希望实际文本加下划线，我希望线条在屏幕上伸展。

我做：

H4{align:left; font-style: bold; border-bottom: 1px black solid;}

但是，我不希望该行运行整个屏幕宽度。我只想说750px宽或屏幕的百分比。我试试：

H4{align:left; font-style: bold; border-bottom: 1px black solid; width:750px;}

但这不起作用。该行仍然运行页面的整个宽度。有什么提示吗？

Answer 1

使用<hr />

然后在css中：

hr{
    width: 75%;
    border: solid #DDD;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
    margin-left: auto;
    margin-right: auto;
}

Answer 2

我怀疑你有一些其他的CSS覆盖了你的定义。例如，您的CSS确实按预期运行：http://jsfiddle.net/pvjvA/1/

h4 {
  text-align:left; 
  font-style: bold; 
  border-bottom: 1px black solid; 
  width:750px;
}

文本的下边框宽度

2 个答案: