how vertical align actually work?

[Rajinder S. GIll]

Hi,

I did not understand, how this vertical align actually work?

can anyone pls let me know how is this work?

for a example: I have one box in that box, i have one button like “Contact Us” and i want to put that button on bottom. How i can do this on bottom.

Thanks in advance
RT

[CodeGraphics]

Something like [this?](http://codepen.io/codegraphics/pen/AcKGm “”)

[Rajinder S. GIll]

@CodeGraphics – thanks for your quick reply. Just one more question is that compatible with all browsers, like ie, phone browsers, safari etc?

Thanks
RT

[CodeGraphics]

I think so. Although i dont think absolute positioning works fine on small devices.

[Kitty Giraudel]

Absolute positioning works like a charm on small device. Fixed widths however…

[Paulie_D]

It has nothing to do with absolute or relative positioning. I would rather come up with an HTML structure that will do most of the work for me rather than absolutely position an element.

Obviously in some cases it’s…ahem…absolutely necessary but if I can avoid it, I will.

https://css-tricks.com/what-is-vertical-align/

Vertical align works to align multiple elements. A single element has nothing to align itself to.

Codepen showing examples…

http://codepen.io/Paulie-D/pen/fbrzu

[Kuzyo]

there is some problems with comatibilities in using inline-block and vertical-align. Quote from https://css-tricks.com/what-is-vertical-align/ :

> However, be aware that not all browsers treat inline-block elements the same way, so vertical-align may be the least of your worries.

[Author]

Posts