Label Left (Right-Aligned), Input Right
Classic enterprise & ERP accounting layout. Labels align against the right edge with a colon, establishing an unobstructed central vertical gutter.
Rendered Form (Right-Aligned Label)
labelRightAlignedSpec.json
CSS Architecture for Right-Aligned Label
The label uses w-40 text-right pr-4 text-xs font-semibold text-slate-700 shrink-0. This pulls the text close to the input border while keeping the row aligned. The input takes the remaining space via flex-1.