CSS-Tricks

stevedeer

hi all

can you please check out this page...

murdersupplies.com/index3.html

The h1 element seems to be woking fine, but I'm having problems with the p element. Here's the css and html...

<!DOCTYPE html>
<html lang="en">
<head>

<script type="text/javascript" src="http://use.typekit.com/lcb1vtd.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

<meta charset="utf-8" />
<title>Steve Deer</title>
    <style type="text/css">
body{
font-size:62.5%;
    padding:0px;
    margin:0px;
}

h1 {
    width:auto;
    font-family: "museo-sans-rounded",sans-serif;
font-style: normal;
font-weight: 1000;
    font-size:8em;
    color:black;
    margin:48px;
    padding:0;
    padding-bottom: 0.25em;
    border:0;
    border-bottom: 8px solid black;
    line-height:1;

p {
    width:auto;
    font-family: "museo-sans-rounded",sans-serif;
font-style: normal;
font-weight: 100;
    font-size:4em;
    color:black;
    margin: 0px 48px 0px 48px;
    padding:0;
 line-height:1;

}

    </style>

</head>
<body>
<h1>My bloody review! This is the 2011 review of Steve Deer; Art Director and Designer at McCann Manchester.</h1>
<p>List your main achievements over the past twelve months.</p>
<p> Over the past twelve months I have had a fine art photo achieve "People's Choice Winner" in the Canon Professional Network photography competition. The same image won a "Highly Commended" in Landscape Photographer of the Year, published in the book, and exhibited at the National Gallery in London.</p>
</body>
</html>

As you can see, I've reset the body font size to 62.5% in the css so that I can work easier with a fixed 10px base size. I've set my p element to 4 ems (so I should have a 40px paragraph type size), but it's not working (seems to stick at 10px) also the left/right padding (48px)doesn't seem to work!

Your learn'd would be much appreciated.

amyth91

you haven't closed the styles for "H1"

Paulie_D

I could be wrong but shouldn't there be a div in there somewhere?

The p margin isn't working because you haven't closed the h1 tag bracket

http://tinkerbin.com/FHf2gkVE

stevedeer

paulie... no need for a div... it was the h1 error, many thanks all.

amyth91

that was a huge error :P lolz ! cheers !

Forums Get help. Give help.

Howdy, Stranger!

Categories

Tips