Labels beside inputs
====================

Rule · bucket: judgment · severity: note · detector: none · since: v0.1.0
Section: Things to avoid
Group: Forms

Forbidden:
  Labels to the left of their fields, left- or right-aligned

Instead:
  Stack the label directly above its input, `--spacing-label` (4px) away.

Left-placed labels make the eye zig-zag between column and field. Right-aligning them to shorten that distance creates a jagged left edge that is harder to scan. Long labels wrap awkwardly in the narrow column. Stacked above and close, label and input are read in one focus.