How do I float two divs side-by-side without specifying a width?

Question

I have two divs, the first doesn\'t have much content and the second has a lot of content. I want them to float side-by-side such that the first div is only as wide as the text

Answer 1

Try this :

  

     content
  
  

     content
  

Or

refer this : How to style Div elements as Tables

    
This is a caption
    

    
1st Column
    
2nd Column

Note : To use these CSS property values, you need to have a web browser which supports them. Unfortunately, that translates to a limited number of web browsers such as IE 8, Firefox 3, Opera 9 and so on