html - 如何将包裹在 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

默认情况下divs 被渲染为块元素，当不浮动时清除任何其他元素。

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

CSS：

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

Answer 2

尝试在同一水平线上显示对象时， 您始终可以float使用divs 或添加属性。如果您想在同一行对齐图像和文本，请阅读此处。display