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