View source for User:Andrew/VisualDesignGuide/Style/SpacingAndPadding

== Spacing and Padding ==
Create breathing room. Visual elements are spaced a minimum distance from each other and edges.
Spacing (and/or color) is used to group or separate elements.
* A '''4px''' grid is recommended for spacing and padding of visual elements. 
* Multiples of 4 px (8px, 16px, etc.) is used where more spacing is required.
* A '''4px''' padding is the minimum recommended padding inside elements (buttons, drop boxes, text fields, etc.)
* An '''8px''' padding is the minimum recommended padding inside grouping boundaries (group boxes, tabs, etc.)