</code> and/or <code>margin-left: auto</code> to push an item away from its siblings or its wrapper walls.</p>
<p>For example, <code>ml-auto</code> will push an element to the right</p>
<div class="mb-2 b-dashed">
<div class="square ml-auto b-thin p-1 bg-gray-100"><code>ml-auto</code></div>
</div>
<p>If you use <code>mx</code> (that’s for margings on the x-axis), this push will happen equally from the left and right. This will result in your element being <em>centered</em>, providing that its width is sma