[问题] 如何制作该水平线

楼主: qazsd ( )   2016-12-14 17:56:43
如下图
http://imgur.com/a/7zUKG
原始码如下
<h4>Offices</h4>
<div class="separator">&nbsp;</div>
有没有办法改成<h4 class="test">Offices</h4>
或是<div class="test">Offices</div>
然后就可以显示该文字,并且一并在下方显示水平线?
似乎test的css要使用pseudo code(:after)才行?
作者: Kenqr (function(){})()   2016-12-14 18:01:00
为何不用hr?
作者: shadowjohn (转角遇到爱)   2016-12-14 18:02:00
border-bottom:1px solid red; ?
作者: akccakcctw (947)   2016-12-14 19:13:00
用border或是:after都可以唷

Links booklink

Contact Us: admin [ a t ] ucptt.com