CSS "top" and "margin-top"

Peter B

In CSS are these the same?

p
{
margin-top:2cm;
}

p
{
top:2cm;
}

Or does "top" mean not mean margin?

Pablod

p
{
margin-top:2cm;
}

This is the correct one to use,
The second piece of css does not apply any margin,

Also if you are applying, all margins to top,right,bottom,left
it would be

p
{
margin: 2cm 0cm 0cm 2cm;
}

margin: 2cm 0cm 0cm 2cm; = margin: top(2cm) right(0cm) bottom(0cm) left(2cm)

Hope this helps

Liam Byrne

Peter B wrote: »

In CSS are these the same?

p
{
margin-top:2cm;
}

p
{
top:2cm;
}

Or does "top" mean not mean margin?

"top" is only relevant if the CSS target object also has "position:absolute" or "position:relative"

If it's position:absolute then all of the "<p>"s would be overlapping - they'd all have the same "top" co-ordinates.

If it's position:relative then the effect on the target object is roughly the same as margin (although other items on the page are affected since the object is no longer "inline").

tricky D

Info on top and other positioning properties:
http://www.w3schools.com/css/css_positioning.asp