title: css how to align horizontal element inside <li>
body: <p>I have this html code</p>
  
  <pre><code>&lt;ul id="list-table"&gt;
      &lt;li&gt;
          &lt;table id="test-tab"&gt;...&lt;/table&gt;
          &lt;ul id="panel-table"&gt;...&lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want table "test-tab" and ul "panel-table" inside li display horizontal like this <a href="http://img.photobucket.com/albums/v246/TuanVenus/table-css.png" rel="nofollow">http://img.photobucket.com/albums/v246/TuanVenus/table-css.png</a></p>