The elements on this page use classes to make styling easy.
The classes that you edit here will update throughout your entire site.
To reuse a style from this page, find its class name in a blue tag. Click on your new element and apply the class within the Style Panel's style selector.
Take control of HTML, CSS, and JavaScript in a visual canvas. Webflow generates clean, semantic code that’s ready to publish or hand to developers.
Take control of HTML, CSS, and JavaScript in a visual canvas. Webflow generates clean, semantic code that’s ready to publish or hand to developers.
Take control of HTML, CSS, and JavaScript in a visual canvas. Webflow generates clean, semantic code that’s ready to publish or hand to developers.
Design. Build. Launch
Global modifier classes are a convenient way to apply consistent styling changes to elements in your web project, ensuring a cohesive design. Among various styling options like size, display, spacing, and alignment, you can use global modifier classes to adjust the margin and padding of elements.
Margin is the space between an element's boundary and its surrounding elements. It controls the external spacing, affecting how elements are positioned relative to each other.
Padding is the space between an element's content and its boundary. It influences the internal spacing, determining the distance between the content and the element's edge.