Margin

.ms-{{ token }} and .me-{{ token }} extend tailwindcss margin utilities by adding margin to the start .ms- or end .me- of an element based on the reading direction of the stylesheet language.

Margin End 4×

Margin Start 4×

<div class="bg-grey-lightest">
  <p class="me-4 color-dark-background">Margin End 4×</p>
</div>
<div class="bg-grey-lightest">
  <p class="ms-4 color-dark-background">Margin Start 4×</p>
</div>