What is the CSS Box Model and How to set Border Margin Padding for elements

HTML elements are in a rectangular shape, each can be thought of as a box.  With the outer property of a margin, and inner with padding and content.  The divider line is the border which can be set on any element.  The box model wraps around the HTML element consisting of the margin, borders, padding, and content.  Content dimensions of height and width can also set for the content to be contained within. CSS Box Model How to set Border Margin Padding and element sizes height and width CSS properties.