ok, so i've got a list set up like this  

<ul class="list"> 
  <li>
    <div class="label">Comment:</div>
    <div class="data">Blah Blah Blah Blah Blah</div>
  </li>
</ul>  
and my css is

.list ul { width: 400px; }  
.label { float: left; width: 100px; }  

now what this does it brings the Blah Blah text inline with the Comment: text, however, if the Blah Blah text is longer than 300px it wraps underneath the Comment: text. I want it to wrap underneath the Blah Blah text so that the second line (the wrapping line) starts under the B in the Blah Blah text