title: floating two div tags that equal 100% width moves second div to new line
body: <p>Newbie to everything.</p>
  
  <p>I have two div tags, the first has a width of 80% and the second a width of 20%. 80%+20%=100% but the second div moves to the next line.</p>
  
  <p>The objective is to use the whole line without moving to the second.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  
  .border {
  border-style: dotted;
  }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="border" style="width: 80%;"&gt;thing&lt;/div&gt;
  &lt;div class="border" style="width: 20%; float: left;"&gt;other thing&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>