What is a component of the CSS box model?

For each item on a webpage, even a piece of a text, you can think of there being a box around it. You can do things like draw borders around the item, define its margins, its size and its position. You define the formatting of the content of it, the space around the content which is called padding. You can define the thickness and style of the borders. Using any or all of these things gives you great control over the items on your webpage. Try this:

<span style="border-width: 20px; border-color: gold; border-style: groove; padding: 5pt; position: absolute; top:5cm; left:3cm; margin:0.5cm;">SAMPLE</span>