在使用Css3的背景中的水平线

如何仅使用 css3将这种类型的样式实现为文本,意味着标记中间的水平线…可以使用纯css …

这是我的结构： –

<p class="datedAside">4 weeks ago</p>

解决方法

这是通过在p中添加span来实现此目的的一种方法.

HTML：

<p class="datedAside"> <span> 4 weeks ago </span> </p>​

CSS：

p {background: #000; height:1px; margin-top:10px;}
p span{background: #fff; padding:10px; position:relative; top:-10px; left: 20px}​

演示：http://jsfiddle.net/9GMJz/

原文地址：https://www.jb51.cc/css/215733.html