2014-03-02 44 views
1

我正在嘗試將網站文字置於網站標題旁邊。我的代碼正確的認識是將網站標題和網站文本強制在一行中。

<p> 

<block><div style="background-color:#993383; color:#ffffff; font-style: normal; "> 
<span class="nowrap"><h3 id="site-title"><b>TEXT GOES HERE</b></h3></span> <span class="nowrap"><h5 id="site-text"> TEXT GOES HERE</h5></span> 
    </div></block> 
    </p> 

林不知道如果代碼class="nowrap"是正確的,所以我希望你能幫助我!

+2

和nowrap css代碼? – chillworld

+1

爲什麼不直接使用display:inline來顯示h3元素? – 2014-03-02 10:46:11

+0

您應該刪除像''這樣的虛假標記,以及與手頭問題無關的標記和樣式(如顏色設置),最重要的是包含*相關*代碼。 –

回答

0

我不確定你的.nowrap類裏面有什麼。您可以通過側面的文字側像許多方面,

.nowrap 
{ 
    display: inline-block; 
} 

fiddle

,如果你想知道爲什麼嗎?文本佔用兩行而不是一行。原因是h3是一個塊級元素,所以它打破了界限。爲了讓他們並排顯示通過CSS你可以通過添加display: inline-block

Are H1,H2,H3,H4 tags block or inline elements?