College of Education and Human Development wordmark.

vertically aligning headings with images


<div class="half">
    <img src="/assets/images/examples/example.jpg" alt="Example image.">
</div>
<div class="half">
    <h5 class="no-margin-top">Heading</h5>
    <p>Use the <samp>.no-margin-top</samp> class to remove the top margin
    from a heading so it aligns with the top of an image.</p>
</div>
Example image.

Heading

Use the .no-margin-top class to remove the top margin from a heading so it aligns with the top of an image.

Return to patterns page