Question

在ASCII艺术中，我想要类似于以下内容：

My Section ------------------------------

只是我想在CSS中完成该行以自动填充空间。我不希望它们实际上是连字符。我只想要一条视线。

Answer 1

<html>
  <div style='float:left'>My Section</div>
  <hr>
</html>

如果您希望该行垂直居中于文本，则可以执行以下操作：

<html>
  <div style='float:left'>Hello &nbsp;</div>
  <hr style='position:relative;top:8px'>
</html>

Answer 2

这样的东西？

<h1 style="background-image:url(../images/middleline.jpg);"><span style="background-color:white;">My text</span></h1>

编辑：

Answer 3

这是一个快速的解决方案：制作一个宽度为100％的跨度，它位于您想要的位置，然后设置边框底部：1px黑色实体;