How to position 2 divs like 2 boxes in a row?
Not one above another, but one next to the other?
2 divs in a row, not one above another? how...?
You can float the first one or both.
<div id='div1'>div 1 stuff</div>
<div id='div2'>div 2 stuff</div>
as above, but remove both styles from #div2. Properly div2 isn't next to div1 (it occupies the space div1 occupies plus the rest of the width) but its contents will avoid div1.
position:absolute can also be used, but this can lead to other problems if there are elements that will come after the two divs.