A few years back, when I was learning HTML and CSS, I found it difficult to differentiate between CSS margin and padding. In fact, at some point, I failed a quiz on these CSS properties. In the past ...

I made a CSS framework for Front-End developers. This framework is compressed but don't use it if you want to own a well optimized website. You can call margins and paddings right, left, top and ...

I believe CSS borders and padding would be more intuitive if borders could collapse into padding. A css-like box model which depicts margin, border, padding, and content. In the model, border is shown ...

I have been struggling with these question for way too long. After writing tons of unmaintainable and side-effect heavy CSS I think I finally found some solid ground rules to answer these questions.

Margins and padding are used to move and push content from the edges of elements. This is a lot like a box. Margin: A transparent area around the outside of an element. Padding: a transparent area ...