title: How to make text all on the same line when adding div tags?
body: <p>I have added div tags to text on the same line as I wanted to add the mouseover feature but now all the text is on different lines. How do I make it so all the text is on the same line?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div style="margin-top:30px;" /&gt;
  &lt;center&gt;
  &lt;table height="50" width="400" cellpadding="0" cellspacing="0"&gt;
  &lt;tr&gt;
  &lt;td&gt;
  &lt;center&gt;
  
  &lt;hr size="1" color="#585858" width="82%"&gt;&lt;/hr&gt;
  
  &lt;/center&gt;
  &lt;center&gt;
  &lt;div class="about"&gt;
  &lt;font face="helvetica" size="2" color="#585858"&gt;About Us&lt;/div&gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;div class="about"&gt;Accessibility&lt;/div&gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;div class="about"&gt;Contact Us&lt;/div&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/font&gt;&lt;/div&gt;
  
  &lt;font face="helvetica" size="2" color="#585858"&gt;&amp;copy;2011&amp;nbsp;-&amp;nbsp;Privacy
  &lt;/font&gt;&lt;/center&gt;
  
  
  &lt;/center&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/center&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.about:hover {
  font: 13px helvetica;
  text-decoration: underline;
  }
  </code></pre>
  
  <p>Thanks!</p>
  
  <p>James</p>