title: <div> will not move down a line
body: <p>I have a div with a border and some content and I am trying to put some text to act as a header, but the div will not move down a line to make room for the text. Here is my code.</p>
  
  <pre><code>            &lt;span style="width: 100%; position:absolute"&gt;Mountain Bikes&lt;/span&gt;
              &lt;?php                   
                  for($i = 0; $i &lt; count($model); $i++)
                  {          
                    if($type[$i] == "Mountain")
                      {
                      echo("&lt;div id=\"bikes\"&gt;");
                      echo(" &lt;img src=" . $image[$i] . " style=\"float: left; margin-left: 200px; margin-top: 5px; width: 300px; height: 190px; position: absolute\" alt=\"No Picutre sorry\"&gt;");
                      echo("Brand: " . $brand[$i]);
                      echo("  &lt;br&gt; Model: " . $model[$i]);
                      echo(" &lt;br&gt;Color: " . $color[$i]);
                      echo("&lt;br&gt;Gender: " . $gender[$i]);
                      echo(" &lt;br&gt; Price: " . $price[$i]);
                      echo("&lt;br&gt; Mountain Bike" .  "&lt;/div&gt;&lt;br&gt;&lt;br&gt;");
                  }
                 }
                 ?&gt;
  
                  &lt;span style="width: 100%; position:absolute; font-size: 50px;"&gt;Road Bikes&lt;/span&gt;
  
              &lt;?php
                  for($i = 0; $i &lt; count($model); $i++)
                  {          
                    if($type[$i] == "Road")
                      {
                      echo("&lt;div id=\"bikes\"&gt;");
                      echo(" &lt;img src=" . $image[$i] . " style=\"float: left; margin-left: 200px; margin-top: 5px; width: 300px; height: 190px; position: absolute\" alt=\"No Picutre sorry\"&gt;");
                      echo("Brand: " . $brand[$i]);
                      echo("  &lt;br&gt; Model: " . $model[$i]);
                      echo(" &lt;br&gt;Color: " . $color[$i]);
                      echo("&lt;br&gt;Gender: " . $gender[$i]);
                      echo(" &lt;br&gt; Price: " . $price[$i]);
                      echo("&lt;br&gt; Road Bike" .  "&lt;/div&gt;&lt;br&gt;&lt;br&gt;");
                  }
                 }
  
                 ?&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/HukQf.png" alt="https://drive.google.com/file/d/0BxZudoaQ00qRSmJoZ1lMR2VuZG8/view?usp=sharing"></p>
  
  <p>Sorry, the mountain bike text is small right now, but I want that on top of the first box, and the road bike title to move down under all the mountain bike boxes.</p>