.

2 Divs on one line, filling the total width

HTML:

<div class="container">
  <div class="left">left</div>
  <div class="right">right</div>
</div>

CSS:

.container {
  width:600px;
  height:200px;
  border:1px solid;
}
.right {
  width:auto;
  height:200px;
  background:red;
  overflow:hidden;
}
.left {
  height:200px;
  width:200px;
  background:blue;
  float:left;
}

Demo:

left
right

What's your thoughts on this?

*

Protected by WP Anti Spam