 <p>div is a block element and it take the whole place horizantly, to place another div in parallel you need to use css property float left . use style property <code>style="float:left"</code>.</p> <p><code>&lt;div id="accountstabs-1"&gt; &lt;div id="links" style="text-align:left; float:left"&gt; &lt;li&gt;&lt;a href="#DisplayData" id="settings1" onclick="manage(this.id)"&gt;Manage&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#DisplayData-2" id="settings2" onclick="manage(this.id)"&gt;Users&lt;/a&gt;&lt;/li&gt; &lt;/div&gt; &lt;div id="DisplayData" style="text-align:right"&gt; &lt;table class="data"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt; First Name &lt;/th&gt; &lt;th&gt; Last Name &lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;/table&gt; &lt;/div&gt; &lt;/div&gt;</code></p>