文本下方的水平html行

Question

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

实施例
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ ¯¯¯¯¯¯¯¯

我是怎么做到的？

Answer 1

您可以使用文字修饰。

p.sometext {
    text-decoration:underline;
}

或者你可以尝试边框。

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

Answer 2

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

示例：

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