How to make multiple div elements display inline in HTML?

danielm77

How can you make the following set of HTML divs

<div id="content1">Content 1</div>
<div id="content2">Content 2</div>
<div id="content3">Content 3</div>

to render in the browser as follows.

Content 1 Content 2 Content 3

DavidM

You can setup a style as follows.

<style type="text/css">
    div#content1, div#content2, div#content3{ float:left; }
</style>

Then,

<div id="content1">Content 1</div>
<div id="content2">Content 2</div>
<div id="content3">Content 3</div>