Example codes for aligning icon image with text. The class fcm
(First Child Margin) is needed to align the first child with all rest of the children.
<div class="grid3 fcm">
<section class="icon-24">
<img alt="Mason Email" src="/render/file.act?path=/assets/images/icons/24-email.svg" width="50" />
<a href="https://mail.gmu.edu/">Email Login (Office 365)</a>
</section>
<section class="icon-24">
<img alt="Password Management Link" src="/render/file.act?path=/assets/images/icons/24-password.svg" width="50" />
<a href="https://password.gmu.edu">Password Management</a>
</section>
<section class="icon-24">
<img alt="Scalia Law Blackboard" src="/render/file.act?path=/assets/images/icons/24-blackboard.svg" width="50" />
<a href="https://mylawschoolportal.gmu.edu/">Blackboard (Law School)</a>
</section>
</div>