2015-02-24 63 views
0

我需要/////////出現在標題文本後面,標題可能因每個塊而不同。需要修正:標題文本後的內容動態後

輸出:

標籤///////////////

聯繫///////////

HTML

<div class="exp-tags exp-left-detail-block"> 
    <h4><span>Tags</span></h4> 
</div> 
<div class="exp-tags exp-left-detail-block"> 
    <h4><span>Contact</span></h4> 
</div> 

CSS

.exp-left-detail-block h4 > span{background:#fff;padding:0 12px 0 0;position:relative;} 
.exp-left-detail-block h4 > span:after{ 
    content: "////////////////////////////////////"; 
    color: #e4e4e4; 
    position: absolute; 
    display: block; 
    left:0; 
    right: 0px; 
    top: 5px; 
    width: 500%; 
    height: 28px; 
    font-size: 15px; 
    font-style: italic; 
} 

jsFiddle

回答

1

Demo

Remove position: absolute and disply:block from your pseudo css 

如果你想這兩個屬性,你可以不假易用。就這個而已。

相關問題