Div Alignment and FireFox 2

[BoulderBum]

I have a div:

<div style="text-align: right; width: 400px;">
   blah
</div>

This works for alignment on IE, but not FireFox.

Can anyone tell me the proper way to do this with style/CSS?

 

[Vragabond]

Since you say "div alignment" in your title, I gather you want to align the div to the right. Not just text within the div, which is what you're doing right now. So you should try:

<div style="[b][blue]margin-right: 0; margin-left: auto;[/blue][/b] width: 400px;">
   blah
</div>

 

[Andeee]

Also style="float: right" will work with a slightly different behaviour. depends what you want to use it for.

 

[BoulderBum]

Thanks guys. Both worked.

Out of curiosity, how would I do the same thing with vertical alignment to get something aligned on the bottom of a div?

I tried margin-bottom: 0; margin-top: auto; but that didn't seem to work.