Let span fill remaining width?

css

Solution

You don't want to float each of them left, only the first one, and then make the second one display in block mode:

<li>
  <span style="float:left; background-color:red">a</span>
  <span style="display: block; background-color:green">b</span>
</li>

Problem

I have the following li item: ``` <li> <span style='float:left; background-color:red'>a</span> <span style='float:left; background-color:green'>b</span> </li> ``` I'd like the span on the right to fill whatever width is remaining in its parent li. Is there a way to do that? Thanks

Original source