Top-rated CSS recipes Code Recipesquick 3-column grid CSS (CSS) 2010-09-15T17:13:26-07:00Trent Mick <p style="color: grey"> CSS recipe 577391 by <a href="/recipes/users/4173505/">Trent Mick</a> (<a href="/recipes/tags/column/">column</a>, <a href="/recipes/tags/grid/">grid</a>, <a href="/recipes/tags/layout/">layout</a>). </p> <p>CSS snippet for a 3-column grid. Based on that used for some Apple product pages.</p> <p>HTML:</p> <pre class="prettyprint"><code>&lt;div class="grid3col"&gt; &lt;div class="column first"&gt; ... &lt;/div&gt; &lt;div class="column"&gt; ... &lt;/div&gt; &lt;div class="column last"&gt; ... &lt;/div&gt; &lt;/div&gt; </code></pre> <p>In general, you have to recalculate the widths based on (a) the available full width in your pages and (b) the amount a spacing you want between columns.</p>