To see a live version of the final paragragh example in your browser, you can view it here and follow along with the Google Chrome Inspector tutorial.
Alternately, you can also download a pdf version of the CSS Box Model Introduction slideshow.
To begin, let's start by looking at a sample process of styling a basic paragraph element, or <p> tag. This will explain the basics of the box model using both legacy CSS2 and modern CSS3 properties.
To see a live version of the final paragragh example in your browser, you can view it here and follow along with the Google Chrome Inspector tutorial.
Alternately, you can also download a pdf version of the CSS Box Model Introduction slideshow.