Howdy, Stranger!

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

Categories

Welcome to the new platform of Programmer's Heaven! We apologize for the inconvenience caused, if you visited us from a broken link of the previous version. The main reason to move to a new platform is to provide more effective and collaborative experience to you all. Please feel free to experience the new platform and use its exciting features. Contact us for any issue that you need to get clarified. We are more than happy to help you.

How to make multiple div elements display inline in HTML?

danielm77danielm77 USAPosts: 72Member
edited March 5 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 11

    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.