0

What is the html code to make
horizontal boxes i need to make some
boxes go from left to right but all i can
find is on top of each other, you can
see example here <a href="http://
www.carinsurancequotesinformation.com&quot;>car insurance quotes</a> where the
boxes are next to each other, and will
this affect the page width on my site.
Someone told me use DIV tags but
how do i put this in HTML code?

2
Contributors
1
Reply
4
Views
4 Years
Discussion Span
Last Post by Octet
0

You shall want to either use absolute positioning or to create a more fluid layout you shall want to use a float.

A float shall position the DIV (division) next to each other, however you need to make sure you clear it at the end to prevent any problems later on.

1) Create the Divs

<div id = "Float_Left" >

    <h1> This is the first Div </h1>

</div>

<div id = "Float_Right" >

    <h1> This is the second Div </h1>

</div>

<div id = "Continued" >

    <h1> This Div represents the rest of the Page </h1>

</div>

2) In your CSS, define a width and Float the Divs

#Float_Left{
    width: 400px;
    float: left;
}

#Float_Right{
    width: 400px;
    float: right;
}

#Continued{
    width: 800px;
    clear: both;
}

I hope this helps!

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.