Space gives structure to a page before a reader studies every label. Items placed close together tend to feel related, while a larger gap can mark the beginning of another idea.
Use that relationship deliberately. A label should feel connected to the field it describes, and a heading should introduce the content that follows it. Consistent spacing helps a reader recognize the pattern without repeatedly solving the layout.
Review the page with longer words and a narrow screen. The same visual grouping should remain clear when lines wrap. Space earns its place by explaining relationships, rather than simply making the composition feel less crowded.
A small working example.
A form label placed near its field helps distinguish it from a neighboring question. The gap carries useful structure before a reader enters anything.
A note to keep beside it.
Consistency is valuable where it carries learned meaning. Keep familiar behavior dependable while allowing different tasks to have the structure they need.
- Connect labels with the items they describe.
- Use larger gaps between distinct ideas.
- Check the grouping when text wraps.
Follow a related question
Export a small representative sample.
Choose a tool with an exitNotice the heading hierarchy.
The building blocks of a pageKeep learning
Related background to continue exploring this subject.
W3C: understanding accessibility criteria MDN: responsive images
