Box Model

I’ve always been confused by the html/css box model. I can never put my finger on what it is specifically, but it never works how I expect it to. Anyway, about an hour ago it clicked for a second so I thought I’d draw a diagram so I could remember it for more than 10 seconds. The problem I find with a lot of diagrams is they don’t actually say what each part does. Saying that, I totally remember seeing a diagram just like this in the past.

Now all I need to do is lean how to do graphic design I guess.