如何将包装在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.