title: Adding a scrollbar in PHP/CSS
body: <p>How would I add the scrollbar to the information outputted by the database: </p>
  
  <p>IE:</p>
  
  <pre><code>DATA   S  /\
  DATA   C  ||
  DATA   R  ||
  DATA   O  ||
  DATA   L  ||
  DATA   L  ||
  DATA   B  ||
  DATA   A  ||
  DATA   R  \/
  </code></pre>
  
  <p>CODE:</p>
  
  <pre><code>&lt;?php
     mysql_connect("localhost","user","pass") or die("Could not connect to localhost");
     mysql_select_db("db") or die( "Could not connect to database");
  ?&gt;
  
      &lt;p class="scroll"&gt;
  &lt;?php
     $result = mysql_query("SELECT * FROM this ORDER BY name ASC");
  
      while ($row = mysql_fetch_array($result)) {
          echo "&lt;div style='margin: 0 auto;'&gt;
                      &lt;span style='display:inline-block; width:200px; text-align:left;'&gt;" . ucwords($row['name']) . "&lt;/span&gt;
                      &lt;span style='display:inline-block; text-align:left;'&gt;" . ucwords($row['number']) . "&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;br&gt;";
     }
  ?&gt;
     &lt;/p&gt;
   &lt;/font&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>[css]</p>
  
  <pre><code>.scroll 
  {
      overflow:scroll;
  }
  </code></pre>
  
  <p>How would I add the scrollbar to the right of the output and make it scrolldown to see all of the data displayed?</p>