How to position two boxes side by side using
tags?

Question

im learning HTML and CSS right now. Now im trying to create a simple Layout, HEADER below that a A MENU BAR and below that a NAVIGATION BAR in the right and MAIN SECTION in the right Im not able to place the navigation bar and the main section side by side. THE main section goes below the navigation bar and not on its side ``` The code: Untitled Document

WELCOME

HOME

Accepted Answer

If you want to have two `div` elements side by side you should use `float:left;`. As far as your code is concerned, you are using old code, such as `center` and you should really start naming your `div` elements. It would also be better if you placed your css code on a separate file and called it from your html.

There's too much to cover from just one post, but I did write up some small demos so you can see how `float:left;` works. I also fixed your code so now you have the divs side by side.

FLOAT LEFT DEMO

YOUR CODE

How to position two boxes side by side using <div> tags?

Solution

Problem