I need that this two divs look like one row of table , but thay don't show one beside other . Any help ?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Info-Stanković Inženjering</title>
<style type="text/css">
div#wrapper{
width:1004px;
width:602px;
margin-left: auto;
margin-right: auto;
}
div#left{
border-bottom: 1px solid #606060;
border-left: 1px solid #606060;
border-top:1px solid #606060;
width:640px;
height:600px;
min-width: 640px;
min-height: 600px;
}
div#right{
border-bottom: 1px dashed #FF2A2A;
border-left: 1px dashed #FF2A2A;
border-right: 1px dashed #FF2A2A;
border-top:1px dashed #FF2A2A;
margin-left:643px;
width:360px;
min-width:360px;
height: 600px;
min-height: 600px;
float:left;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="left">
</div>
<div id="right">
</div>
</div>
</body>
</html>