我如何为我的网站做到这一点？

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/