css - 如何使div元素内联显示？(How do you make div elements display inline?)

Question

Given this HTML:

(鉴于此HTML：)

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

How do you make them display inline like this:

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

foo bar baz

(foo bar baz)

not like this:

(不像这样：)

foo

(富)
bar

(酒吧)
baz

(巴兹)

  ask by Steve translate from so

Answer 1

That's something else then:

(那是另一回事：)

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