Margin, border and padding in CSS

For above CSS layout, the text (669X172) within box with border width 1px, CSS
border: 1px
the text to the top of the  box (padding) 4px,  right 24px, bottom 8px, left 18px, CSS
padding: 4px 24px 8px  18px;
margin 4px, the area around the border CSS
margin 4px;
The order of padding and margin in CSS  is  top, right, bottom, and left in padding and margin properties.