Question

May I right-align an element by setting margin-left

margin: 0 0 0 auto;

but not float

float: right;

?

I don’t know if this is right but it works, both in Chrome and Safari.

========

A.K’s answer is what I need;

And this is also helpful, via Praveen Kumar:
You can, but the support is limited. It works only in Chrome and Safari. Not even in Firefox, I guess. See, if you are going to target only Chrome browser, yes, you can. All the -webkit- based browsers support this, but not others. Choice is yours. 🙂

Answer 1

Yes, you can right-align an element by setting margin-left:auto

But see the difference between margin and float results below:

Margin

The margin CSS property sets the margin for all four sides. It is a shorthand to avoid setting each side separately with the other margin properties: margin-top, margin-right, margin-bottom and margin-left.

Float:

The float CSS property specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it.

SEE RESULT