I have 3 div
blocks inside another div
.
What I wanted to do is to put them inline, but the first 2 div
blocks should take a width according to their content and the last div
take the remaining space.
<div class="container">
<div class="red">Red</div>
<div class="green">Green</div>
<div class="blue">Blue</div>
</div>
I try to avoid the use of fixed widths because I need to use this in a responsive design.
How can I make the blue div
in this fiddle take the rest available space of its parent and act responsive if the screen is resized?