Margin left (ml) utilities — Nakshora 3.1

ml-* — space to the left; ml-auto pushes elements right in flex. This family contains 71 generated classes in Nakshora 3.1.

Classes#

…and 11 more in this family — search by class name to find the exact one.

Example#

<nav class="flex">
  <a class="mr-4">Home</a>
  <button class="ml-auto">Login</button>
</nav>

Responsive & variants#

Every class here accepts screen prefixes (xxs: … 5xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.

Best practices#

• ml-auto in a flex row is the classic right-align trick

Related#

utilities/spacing/spacing-scale|Spacing scale · utilities/sizing/width|Width · comparisons/margin-vs-padding|Margin vs padding