I currently have two nested divs like this:
<div id="header">
<div id="logo"></div>
<div id="header_r"></div>
</div>
The corresponding CSS styles are as follows:
#header{
border: 1px solid;
width: 900px;
border-radius: 10px;
min-height: 100px;
}
#logo{
border: 1px solid;
width: 400px;
border-radius: 10px;
min-height: 80px;
float: left;
}
#header_r{
border: 1px solid;
width: 500px;
border-radius: 10px;
min-height: 80px;
float: left;
}
Currently, they are being displayed vertically. How can I change this layout to display them side by side?