CSS Margins and Padding
margin and padding are the two most commonly used properties for spacing-out elements. A margin is the space outside of the element, whereas padding is the space inside the element.
Change the CSS code for h2 to the following:
h2 {
font-size: 1.5em;
background-color: #ccc; margin: 1em; padding: 3em;}You will see that this leaves one-character width space around the secondary header and the header itself is fat from the three-character width padding.
The four sides of an element can also be set individually. margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding-left are the self-explanatory properties you can use.
The Box Model:
Margins, padding and borders (see next page) are all part of what’s known as the Box Model. The Box Model works like this: in the middle you have the content area (let’s say an image), surrounding that you have the padding, surrounding that you have the border and surrounding that you have the margin. It can be visually represented like this:
You don’t have to use all of these, but it can be helpful to remember that the box model can be applied to every element on the page, and that’s a powerful thing!
Read was interesting, stay in touch……
[...]please visit the sites we follow, including this one, as it represents our picks from the web[...]……
Websites worth visiting…
[...]here are some links to sites that we link to because we think they are worth visiting[...]……
Blogs ou should be reading…
[...]Here is a Great Blog You Might Find Interesting that we Encourage You[...]……
Read was interesting, stay in touch……
[...]please visit the sites we follow, including this one, as it represents our picks from the web[...]……
online sales…
[...]the time to read or visit the content or sites we have linked to below the[...]…
TV Lamps…
The Truth behind Television Replacement Lamps….
Discount Yankee Candles…
[...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]…
adult friend…
[...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]…
Super Cheap Yankee Candles…
[...]we like to honor other sites on the web, even if they aren’t related to us, by linking to them. Below are some sites worth checking out[...]…
Another Website Link To Your Post…
[...]Sites useful we hаvе а link to[...]…
Check this out…
[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]……
Super Cheap Yankee Candles…
[...]we like to honor other sites on the web, even if they aren’t related to us, by linking to them. Below are some sites worth checking out[...]…
Related……
[...]just beneath, are numerous totally not related sites to ours, however, they are surely worth going over[...]……
Great Clips Coupons…
[...]listed here are a handful of listings to internet sites I always link to seeing that we believe they really are really worth browsing[...]…
Discount Yankee Candles…
[...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]…
Latest Apple news ? Hotest internet news ?…
[...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]…
Another Website likes your page…
[...]one of our visitors recently recommended the nеxt website[...]…
Cool sites…
[...]we came across a cool site that you might enjoy. Take a look if you want[...]……
Just Wonderful…
This is insanely swell….
Gems form the internet…
[...]very few websites that happen to be detailed below, from our point of view are undoubtedly well worth checking out[...]……
buy damansara house…
[...]you will find information that’s relevant to you if you want to buy damansara house[...]…
You should check this out……
[...]check out web sites we follow, including this one, because it represents our picks from the web[...]……
Garmin 1490t Best Price…
[...]the time to read or visit the content or sites we have linked to below the[...]…
Link To Your Site From SWTOR Website Found…
[...]Is there an internet site . that makes it east tо understand blogs and podcasts? I wоuldn't have an iPod, dоеs thаt matter?. [...]…
Links…
[...]Sites of interest we have a link to[...]……
Its hard to find good help…
I am constantnly saying that its difficult to get quality help, but here is…
Impatient…
I cannot wait for a holiday, but in the mean time, I perused the writing….
affordable webhosting…
[...]Sharing this info with our webhosting purchasers[...]…
You should check this out……
[...]take time to read or check out the content of these sites we have linked to below[...]……
Wikia…
Wika linked to this site…
outer banks nc rentals…
[...]below you’ll find the link to some sites that we think you should visit[...]…
hotels…
[...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]…
Ipad Stylus…
[...]what follows are some links to webpages that we link to seeing that we feel they really are well worth checking out[...]…
Tumblr article…
I saw a writer writing about this on Tumblr and it linked to…
Made me want to read more…
I trust others will want to see lots on this….
Digg…
While checking out DIGG today I found this…
Recent Blogroll Additions…
[...]%BLOGTITLE%[...]…
A real kick…
I get a kick out of the blog items but there is way too much advertising on the site….
Featured…
…These are some featured websites that we choose to honor with a link back to their site……
You should check this out…
[...] Wonderful story, reckoned we could combine a few unrelated data, nevertheless really worth taking a look, whoa did one learn about Mid East has got more problerms as well [...]……