CSS:文字兩端加中線寫法

HTML內容:

<li class='title'><b></b><p>Hello World!</p><b></b></li>

 

CSS內容:

li.title p{font-size: .38rem;color:#e8422d;text-align: center;float: left;width: 3.06rem;height:.52rem;}
li.title b{display: block;height: .25rem;width: 3.04rem;border-bottom:2px solid #f4a196;float: left;}

 

posted @ 2017-09-08 16:22  漫冬飄雪  阅读(186)  评论(0编辑  收藏  举报