How can i place content beside each other without one being over another?
head body | | | | /body example ^
css style preferred but : <div style="float:left;width:30%;margin-right:10px">content a</div> <div style="float:left;width:30%;margin-right:10px">content b</div> <div style="float:left;width:30%;">content c</div>
Note that if the floats are contained within another block element, it's usually a good idea to specify "overflow:auto;" for that wrapping element so that you don't have to worry about "clearing the floats".