我如何爲我的網站做到這一點？

Question

我有一個小小的設計問題。我想讓我的網站在它的頭兩邊有兩行。

------------- Similar to this ----------------- 

我不知道我應該怎麼去了解這一點，我找不到任何網站實現它要能夠窺視到他們的HTML/CSS ..我應該怎麼做這個???謝謝

Answer 1

標記：

<div class="section-heading"> 
    <h1>Your Heading</h1> 
</div> 

CSS：

.section-heading { 
    text-align: center; 
    margin-bottom: 15px; 
    border-bottom: solid 1px #dcdcdc; 
    position: relative; 
    top: -2.2em; 
} 
.section-heading h1{ 
    display: inline; 
    padding: 0 15px; 
    bottom: -15px; 
    position: relative; 
    background: #fff; 
} 

http://jsfiddle.net/9ss5h/