title: wrapping the content of a span inside an li so it stays in its own column
body: <p>I have a list, each li in it has this structure:</p>
  
  <pre><code>&lt;li&gt;
    &lt;img class="yes" src="..."&gt;
    &lt;img class="no"  src="..."&gt;
    &lt;span class="a"&gt;...&lt;/span&gt;
    &lt;span class="b"&gt;...&lt;/span&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>now if the content of class b is long, it will wrap around the image. I don't want it to wrap under the image, I want it to stay in its own column. If there is anyway to do this, please let me know as using tables to do it will be just wrong.
  Thanks!
  Nima</p>