title: Span with percentage width
body: <p>Like in case of tables</p>
  
  <pre><code>TD WIDTH 25    TD WIDTH 75
  </code></pre>
  
  <p>this is what I want to achieve with DIV/SPAN. All I have:</p>
  
  <pre><code>  &lt;span style="background-color: green; width: 25%; display: inline-block;"&gt;1&lt;/span&gt;
    &lt;span style="background-color: yellow; width: 75%; display: inline-block;"&gt;2&lt;/span&gt;&lt;br /&gt;
    &lt;span style="background-color: green; width: 25%; display: inline-block;"&gt;a&lt;/span&gt;
    &lt;span style="background-color: yellow; width: 75%; display: inline-block;"&gt;b&lt;/span&gt;&lt;br /&gt;
  </code></pre>
  
  <p>but then puts span to new line. It works with fix (px) sizes.</p>