How to make multiple div elements display inline in HTML? - Programmers Heaven

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Categories

How to make multiple div elements display inline in HTML?

danielm77danielm77 USAPosts: 72Member
edited March 2014 in HTML & WEB-Design

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

Comments

  • DavidMDavidM USAPosts: 342Member
    edited March 2014

    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>
Sign In or Register to comment.