It's default user agent style
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
You need to define your own style for <p>
element.
Is that what you mean?
Question
I downloaded the HTML5 Boilerplate template from here http://html5boilerplate.com.
When I opened it to preview the template; I see an odd space on the top. It can be seen on their online demo also: http://demo.html5boilerplate.com/
I see this on the following:
CSS In Use:
I had a look at the page's html source and the css stylesheets. I can't figure out where this odd spacing on top of <p>
tag is coming from.
Solution
It's default user agent style
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
You need to define your own style for <p>
element.
Is that what you mean?
OTHER TIPS
From what I can see there is a 16px margin to the top and bottom of the <p>
tag.