Help with div - make div fit the remaining width

css

Solution

<div class="a">
 <div class="b">
  <a href="#">click here to be amazed!</a>
 </div>
 <div class="c">
  this is some awesome text
 </div> 
</div>

<STYLE>
 .b,.c {
  padding:15px;
 }

 div.a {  
  border: 1px solid red;
 }

 div.b {
  float: left;
  border: 1px solid blue;
 }

 div.c {
  border: 1px solid green;
 }
</STYLE>

Problem

I have the following html code: ``` <div class="a"> <div class="b"> <a href="#">text</a> </div> <div class="c"> text </div> </div> div.a { margin-top: 10px; clear: left; float: left; width: 100%; text-align: center; } div.b { padding: 27px 10px 7px 10px; background-color: #fff; overflow: hidden; float: left; } div.c { float: left; } ``` What styles should I set for div.c to make it be beside the div.b and fit the remaining width? It's for a tempalte that will fit 100% of the screen. thanks!

Original source

Related problems