# Margin, Padding and Border in Practice

Write padding and margin in one line with the clockwise shorthands, frame a box with border and border-radius, center it with auto margins, and know why two margins can turn into one.

![Cheat sheet: Margin, Padding and Border in Practice](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/ac7a1f5527b34397bb3f4566648de9e2.webp)

- Category: CSS
- Level: Apprentice
- Tags: Auto margin, Border, Border radius, CSS, Margin collapsing, web-development
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-margin-padding-border-cheat-sheet