punctuation">></span></span></code></pre>
<p><strong>Notes:</strong></p>
<ol>
<li>Codebase buttons already have built in <code>display: inline-flex;</code> with flex items centered and middled. This should automatically line up text and icons. However, if you use an <em>icon font</em>, you may find it necessary to put the icon in its own <code>&lt;span&gt;</code> or <code>&lt;i&gt;</code> tag within the button.</li>
<li>In a situation where you have more than one button in a row (e.g. you are creating a but