如何将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呈现为块元素，在未浮动时清除任何其他元素。

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

CSS：

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

Answer 2

在尝试在同一水平线中显示对象时，您始终可以float div或添加display属性。 Read here if you want to align images and text on the same line.