It can be difficult to know when to use CSS padding vs margin — and vice versa. Here, we explain when to use one over the other.
Unleash your creativity on the web
Build completely custom, production-ready websites — or ultra-high-fidelity prototypes — without writing a line of code. Only with Webflow.
Subscribe now for best practices, research reports, and more.
You are now subscribed.
Margins and padding are essential elements of spacing when it comes to web design.
Unleash your creativity on the web
Build completely custom, production-ready websites — or ultra-high-fidelity prototypes — without writing a line of code. Only with Webflow.
Web spacing: A guide to improve your website design
A beginner’s guide to flexbox and CSS grid
Responsive design with flexbox and the Webflow grid
What is whitespace and how to use it in design
4 handy “helper” classes for your Webflow projects
Vibrance vs saturation: What’s the difference?
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
