文本下面的水平html行

Question

我想在html中创建一条水平线，位于单词下方。像这样:

¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

我该怎么做?

Answer 1

听起来你只是要求在标题下放置一条水平线。如果是，则使用<hr>元素。

示例:

<h1>This is a heading</h1><hr>

Answer 2

可以使用文字装饰。

p.sometext {
    text-decoration:underline;
}

或者你可以试试border

div.sometext {
    border-bottom:solid 1px #DDD;
}