2 divs in a row, not one above another? how...?

You can float the first one or both.

e.g.

floating both:

#div1 {
width:200px;
float:left;
}

#div2 {
width: 100px;
float:left;
}

<div id='div1'>div 1 stuff</div>
<div id='div2'>div 2 stuff</div>

floating one:

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.