How to make table cell shrink according to the content?

Question

How can I make the table with 2 columns (cells) look like this:

• First cell is shrink according to the content
• The other cell fits the rest of the table (w

Answer 1

You can set the width of the second cell to 100%

HTML:

   

      
foo
      
bar
   
​

CSS:

table { width: 500px; }
.grow { width: 100%; }​

Check this fiddle out.