# Sizing & Alignment

Control the thickness, width, alignment, and spacing of rules.


# Thickness

Named thickness values -- `thin`, `medium` (default), and `thick`:

------------------------------------------------------------------------

------------------------------------------------------------------------

------------------------------------------------------------------------

Custom pixel values:

------------------------------------------------------------------------

------------------------------------------------------------------------

------------------------------------------------------------------------


# Width

Rules can be narrower than the full container:

------------------------------------------------------------------------

------------------------------------------------------------------------

------------------------------------------------------------------------

------------------------------------------------------------------------


# Alignment

When the rule is narrower than 100%, alignment matters:

**Center (default):**

------------------------------------------------------------------------

**Left:**

------------------------------------------------------------------------

**Right:**

------------------------------------------------------------------------


# Spacing

Control the vertical margin around the rule:

Content above.

------------------------------------------------------------------------

Compact spacing (1rem).

------------------------------------------------------------------------

Normal spacing (2rem, default).

------------------------------------------------------------------------

Spacious spacing (4rem).


# Combined Sizing

Mix thickness, width, and alignment:

------------------------------------------------------------------------

------------------------------------------------------------------------

------------------------------------------------------------------------