Deixar DIV lado a lado

bem pode-se usar padding em um elemento PAI para limitar a partir do centro, ou criar um sub-elemento PAI que flutue para a direita e tenha 66% de espaço por exemplo da area que você quer copiar ;)

[editado]

<style>
*{

padding:0;
margin:0;
list-style:none;
}

div#pai{

border:1px #000 solid;
width:450px;
height:170px;
}

ul{

float:right;
width:300px;
height:50px;
}

ul li{

float:left;
margin: 1px 2px;
width:145px;
height:50px;
background:#fc0;
}
</style>

<div id="pai">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>

claro que isso pode variar a maneira que vocÊ vai fazer dependendo da quantidade de elementos

Cara... qntas DIVs você qr posicionar?

se forem 3, ou você coloca float:left nas 2 primeiras no fluxo do documento, ou você posiciona a da direita com um float:right...

ou com positions... mas ai tem que ver qual o melhor..

coloca um link.