how to arrange Div tags horizontacally

Question

Dear All I need to arrange 4 div tags Horizontally but if i write as follows its coming vertically.. .......................... How can i do this?

Satyapriya Nayak · Answer

Hi Siva Try this... Untitled Page .container{ width:600px; padding:0; border:5px solid #ddd; margin:0 auto; } .left{ float:left; width:150px; height:300px; text-align:center; background:#4b471a; font:18px Arial Helvetica sans-serif; font-weight:bold; color:#1b1b1b; } .middle{ float:left; width:300px; height:300px; text-align:center; background:#a19c5a; font:18px Arial Helvetica sans-serif; font-weight:bold; color:#1b1b1b; } .right{ float:left; width:150px; height:300px; text-align:center; background:#4b471a; font:18px Arial Helvetica sans-serif; font-weight:bold; color:#1b1b1b; } .clear{ clear:both; height:0; width:100%; } Left Middle Right Thanks

SIVA · Answer

Thank you

Satyapriya Nayak · Answer

Hi Siva Try this also Untitled Page .content{ float: left; width: 10%; border:none; } .rightcontent{ float: right; width: 10%; border:none } .hspacer{ width:5%; float:left; } .clear{ clear:both; } content content content content Thanks