Как да позиционирам два <div> хоризонтално един до дру

toretic

Registered
Здравейте, опитвам се да позиционирам два дива един до друг, но постоянно ми излизат извън очертанията на <div>-а в който се намират.
Всякакви идеи ще ми бъдат полезни!
 
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<style>
#cqlo{widht:850px; border: 2px solid #000; margin: 0 auto; padding: 100px;}
#parvi{
border:1px solid #000;
width:200px;
float:left;
}

#vtori{
border:1px solid #000;
width:200px;
margin: 0 auto;
}

#treti{
border:1px solid #000;
width:200px;
float:right;
}
</style>
</head>
<body>
<div id="cqlo">
<div id="parvi">text</div>
<div id="treti">text</div>
 <div id="vtori">text</div>
  <div style="clear:both;"></div>
  </div>
</body>
</html>

ето ти 1н пример
 
В CSS пишеш:
Код:
#name
{
    width: 200px;
    margin: 0 auto;
    margin-top: 10px;
}

И от този код ще ти се центрират дивовете и отгоре ще са с по 10px място :)
 

Back
Горе