如何將包裝在div中的文本放在一起？

Question

我希望將這段文字全部放在一行上，而不是在兩段分隔線上放置。如何做呢？

<div id="titlefont"> 
    <div id="boldness">This text</div>should be next to each other 
</div>​ 

#titlefont { 
     font-family:arial; 
     font-size:30px; 
     text-align:center; 
     color:#35404c; 
} 

#boldness { 
     font-weight:bold; 
     font-style:italic; 
} 

http://jsfiddle.net/nfSku/

Answer 1

默認div s的呈現爲其中，當不浮動清楚任何其他元件塊元素。

小提琴：http://jsfiddle.net/iambriansreed/eu7AW/

CSS：

#boldness { 
    font-weight:bold; 
    font-style:italic; 
    display: inline; 
} 

Answer 2

試圖展示在同一水平線上的對象時，你總是可以float的div S或添加display財產。 Read here if you want to align images and text on the same line.