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: