Box model in CSS-- Head first into CSS

1. line height: the space between lines

you can use pixels or em, percentage that is relative to font-size to specify the value 

body {

line-height: 1.6em;

}

2. BOX 

CSS treats every single element as if it were represented as a box.

Content Area:

.gurantee {

border-color: black;

border-width: 1px;

border-style: solid;

background-color: #a7cece;

background-image: url(images/backgroundimage.jpg); //background image is purely for presentation, but not for the content. So instead of using <img> we use background-image 

// background image will only show within border, not including maring.

background-repeat: no-repeat; 

background-position: top left;

padding: 25px;

padding-left: 80px; 

/* Order matters here(padding and padding-left)—if you switch the order, then you’ll set the padding for the left side first, and then the general padding property will set all sides back to 25 pixels, including the left side! */

margin: 30px;

}

Border