如何使 div 元素内联显示？

Question

鉴于此 HTML：

 <div>foo</div><div>bar</div><div>baz</div>

你如何让它们像这样内联显示：

foo bar baz

不是这样的：

富

酒吧

巴兹

原文由 Steve 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

那是另外一回事：

 div.inline { float:left; }
.clearBoth { clear:both; }

 <div class="inline">1<br />2<br />3</div>
<div class="inline">1<br />2<br />3</div>
<div class="inline">1<br />2<br />3</div>
<br class="clearBoth" /><!-- you may or may not need this -->

原文由 Darryl Hein 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

内联 div 是网络的怪胎，应该被击败直到它成为一个跨度（10 次中至少有 9 次）……

 <span>foo</span>
<span>bar</span>
<span>baz</span>

…回答原来的问题…

原文由 bochgoch 发布，翻译遵循 CC BY-SA 2.5 许可协议