怎么使两个div并排

如何使两个div并排
求助:用的是width:65px;folat:left;,然而并没有什么卵用,除了死么问题呢,代码贴在下面
<style type="text/css">
*{
margin:0px;
padding:0px;
}
body{
padding-top:10px;
}
.main2{
width:65px;
folat:left;
}
.main{
width:90px;
/*height:80px;*/
margin:0 auto;
/*background:#333;*/
font-size:8px;
font-family:"微软雅黑";
text-align:left;
folat:left;
}
.two .t_left,.two .t_right{
display:inline-block;
}
.two .t_left{
margin-right:8px;
}
.two .t_right{
margin-left:8px;
}
</style>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
var sprint=window.opener.document.getElementById("printInfo");
document.write(sprint.innerHTML);
printPage();
window.print();
function printPage(){
var show="";
  var $tr=$(".content"); //返回行数组
  for(var i=0;i<$tr.length;i++){
  show=show+'<div><div class="main"><div class="one">1</div><div class="two"><span class="t_left">2.1</span><span class="t_right">2.2</span></div><div class="three">3</div></div><div class="main2"><img src="/../../dgAMS/images/ewm.jpg" /></div></div>';
  }
  document.write(show);

}
</script>
</head>
<body>

</body>
<script type="text/javascript">
</script>

效果是这样的
怎么使两个div并排

------解决思路----------------------
我还看了半天,你没发现你打错字了么? 是float  不是folat!