Using maring property

Hello,

I have several doubts about margin property. When we specify margin like
margin-left: 200

in which unit is it specified?

Also, at http://www.w3.org/TR/CSS2/visudet.html#Computing_widths_and_margins, what "inline, non-replaced elements " does mean, what is difference between non-replaced and replaced elements? Thanks.

 

That's up to you, px, pt, em, %, etc.. To fail to declare the metric for any value other than zero is an error.

A non replaced inline element is one like <span>, where the tags label the enclosed text. A replaced element is one like <img>, or <input> where there is no enclosed content. The actual content, the image or the form control widget, replaces the element.

That help?

cheers,

gary

 

Yes, part of the reply helps and thanks for answering me

Btw, the part that I sill don't understand is about margin-left example. However, I tried this

.t1{
	margin-left: 200
}

.t2{
	margin-left: 200px
}

Code (markup):

and html

	<h1 class="t1">Test1</h1>
	<h1 class="t2">Test2</h1>

Code (markup):

It seems to be the same, like don't specifying unit is same like you have specified px, but I can't find it in specification. Maybe browser (FireFox, Opera and IE in my case) just handle it in that way. Do you know why it is set for px to be "default unit"?

 

No, but I wouldn't depend on it. Simply do it correctly.

cheers,

gary

 

Ok. Thanks for helping me.