Spacing Generator
Generate margin and padding with visual spacing tools
Margin Settings
Adjust outer spacing
Padding Settings
Adjust inner spacing
Live Preview
Visualize margin and padding
Content Area
Blue area = Margin, White area = Content + Padding
Generated Spacing Code
.spacing {
margin: 16px;
padding: 16px;
}