 <p><a href="http://jsfiddle.net/yUgYW/3/" rel="nofollow">http://jsfiddle.net/yUgYW/3/</a></p> <p>this is what I get this far.. could be a start for you</p> <p><strong>HTML</strong></p> <pre><code>&lt;div id="container"&gt; &lt;ul&gt; &lt;li class="fisrt"&gt;1&lt;/li&gt; &lt;/ul&gt; &lt;ul class="center"&gt; &lt;li&gt;2&lt;/li&gt; &lt;li&gt;3&lt;/li&gt; &lt;li&gt;4&lt;/li&gt; &lt;/ul&gt; &lt;ul&gt; &lt;li class="last"&gt;5&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;​ </code></pre> <p><strong>CSS</strong></p> <pre><code>#container { } li {float:left; border:1px solid red; width:120px;} .fisrt { float:left; } .last { float:right; } .center { width:400px; margin:auto; }​ </code></pre>