What is the default margin value of
tag?

Question

I noticed that the <p> tag has a default margin value and it seems it's somehow related to its content's font-size value.

Is there any reference that I can check out the detailed rules for this?

http://jsfiddle.net/z45R9/ Please take a look at my code here.

Thanks,

This question is answered here: http://stackoverflow.com/questions/819161/what-is-the-default-padding-and-or-margin-for-a-p-element-reset-css — Bill Forney, Dec 31 '13 at 02:04

score 11 · Accepted Answer · edited Jul 13 '23 at 06:48

11

Different Browsers are built upon different render engines.

Chrome and Safari use the WebKit-render engine, whereas Firefox uses Gecko.

The different engines are different not just because the software is different but also because they have different settings. That's why most web pages look slightly different in different browsers.

The Answer:

In Chrome (webkit), the margin-top (above the element) and margin-bottom (below the element) of the <p> tag is 1em.

In Firefox (Gecko), all margins are 0 except the margin-bottom, which is 1em again.

The way to get rid of this problem is to make a CSS-reset. The easiest to use would be the one by Meyerweb.

edited Jul 13 '23 at 06:48

László Monda

1,647
1
16
29

answered Dec 31 '13 at 02:23

Friedrich

2,211
20
42

Thanks, but I found it's the same from Firefox & Chrome. What do you mean by "in mozilla the margin is 0"? – AGamePlayer Dec 31 '13 at 02:50
in mozilla the top-margin is 0, the left-margin is 0, the right-margin is 0 and the bottom-margin is 1em – Friedrich Dec 31 '13 at 02:53
1

in chrome the top-margin should be 1em, this shouldnt be your problem if you reset and redefine your css the reset can be done with `*{margin: 0; padding: 0;}` in your css – Friedrich Dec 31 '13 at 03:03
the distance between the element and the element above – Friedrich Dec 31 '13 at 03:12
so that is `margin-top` ? – AGamePlayer Dec 31 '13 at 12:03
yes, i wasnt using the correct css-terminology – Friedrich Dec 31 '13 at 17:59

score 2 · Answer 2 · answered Dec 31 '13 at 02:12

2

The default value of

margin depends on the browser. For example, the CSS 2.1 especification define this default stylesheet for HTML 4. But some browsers can use this, and others not. Its not a rule, just a reference.

answered Dec 31 '13 at 02:12

Pedro Vítor

191
1
6

3

Just say it. In the answer. The link can become broken. – bjb568 Dec 31 '13 at 02:26

score 0 · Answer 3 · answered Dec 31 '13 at 02:05

0

There are many different browsers, and they all can have their own unique way to do things. For that reason, most designers put a css reset in their css stylesheet.

http://meyerweb.com/eric/tools/css/reset/

By putting that reset in your file, it will enable you to better control how your website looks on all browsers. Instead of worrying about what each browsers default is for each thing.

answered Dec 31 '13 at 02:05

CRABOLO

8,605
39
41
68

1

Try answering the question. – bjb568 Dec 31 '13 at 02:25
3

I think this is also quite helpful! Thanks! I need my website to work exactly the same in every browser! – AGamePlayer Dec 31 '13 at 02:58

What is the default margin value of
tag?

3 Answers3

Linked

Related

What is the default margin value of tag?

3 Answers3

Linked

Related

What is the default margin value of
tag?