title: How to solve this (seemingly simple) formatting problem in CSS?
body: <p>Using CSS, what is the cleanest, easiest way to format a box that has an icon on the left and text on the right:</p>
  
  <pre>
    [Icon]   Text text text
    [____]   and more text
             and some more text
  </pre>
  
  <p>So far, I’ve used <code>&lt;div class=icon”&gt;</code> and <code>div.icon { float: left; }</code> to place the icon left of the text, but “and some more text” flows left (underneath the icon) instead of staying in a nice, solid column.</p>
  
  <p>P.S.:  I don’t want to use tables.</p>