你如何使div元素显示为内联？

Question

你如何使div元素显示为内联？

鉴于此HTML：

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

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

foo bar baz

不是这样的：

foo 
bar 
baz

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 -->

Answer 2

内联div是网络的怪人，应该被打败直到它成为一个跨度（至少9次中的10次）...<span>foo</span><span>bar</span><span>baz</span>...回答原来的问题......

Answer 3

尝试这样写：div&nbsp;{&nbsp;border:&nbsp;1px&nbsp;solid&nbsp;#CCC;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;style="display:&nbsp;inline">a</div> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;style="display:&nbsp;inline">b</div> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;style="display:&nbsp;inline">c</div>