title: how to show div elements in one line
body: <p>I have a problem in my div elements I can not show them in one line:</p>
  
  <pre><code>&lt;div&gt;
   &lt;table&gt;
    &lt;tr&gt;
     &lt;td&gt;hellow world&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
   &lt;ul&gt;
    &lt;li&gt;hi world&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the table shown above the the ul and I want the tow elements to shown in one line next to each other.
  I tried to use:</p>
  
  <pre><code>div
  {
     display:inline;
  }
  </code></pre>
  
  <p>or :</p>
  
  <pre><code>div
  {
     display:block;
  }
  </code></pre>
  
  <p>But it did not work . any body can help me on this??</p>