如何在标签垂直居中的右侧绘制水平线

Question

我能用CSS做这样的事情吗？

我对文字装饰有一个想法，但文字长度总是有问题。我可以只用一个html元素做这样的事情吗？

https://i.stack.imgur.com/G5NXA.png

Answer 1

这个答案适用于您的问题：

#line{
  border-bottom: 1px black dotted;
  overflow:visible;
  height:9px;        
  margin: 5px 0 10px 0;
}
#line span{
  background-color: white;        
  padding: 0 5px;
}

<div id="line"><span>TEXT</span></div>

Answer 2

查看此处：
http://jsfiddle.net/LRSuJ/1/

Answer 3

它不太漂亮，但http://jsfiddle.net/csswizardry/34bBd/

使用一个元素，不依赖于硬编码的数字，完全可重复使用。

Answer 4

我认为您应该使用带有legend标记的字段集。并删除那些你可能不需要的线路。像左右键和按钮。（或使颜色变白或透明）