最近看到一些關于偽類的文章和實例，感覺印象不怎么深刻，今天在項目中出現了效果如圖，記下來
在文字兩遍各有一條橫線.
1.頁面局部區域布局
div->span->漢字（小戶型）
2.span上有class為quote-right
~~~
<div>
<span class="quote-right">小戶型</span>
</div>
~~~
3那么在css中增加其對應的偽類
~~~
.quote-right:before,.quote-right:after{
content: '';
display:inline-block;
width: 20%;
margin: 5px 5%;
border-bottom: 1px solid #cacaca;
}
.quote-right:after{
clear: both;
}
~~~
展現到頁面是如圖
