Cascading Style Sheets Knowledge Base

One Column Grid Layout

CSS

.grid-container { display: inline-grid; }
.section_block { background: white; padding: 10px; margin-bottom: 20px; }

HTML

<div class="grid-container">

<div class="section_block">
<h5>Some Header</h5>
<a href="NULL">Some link</a>
<a href="NULL">Another link</a>
<a href="NULL">Yet another link</a>
</div><!-- /section_block -->

<div class="section_block">
<h5>Another Header</h5>
<a href="NULL">Some link</a>
<a href="NULL">Another link</a>
<a href="NULL">Yet another link</a>
</div><!-- /section_block -->

</div><!-- /grid-container -->