Grow your CSS skills. Land your dream job.

how vertical align actually work?

  • # June 17, 2013 at 2:17 am

    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

    # June 17, 2013 at 2:31 am

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

    # June 17, 2013 at 2:43 am

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

    Thanks
    RT

    # June 17, 2013 at 3:07 am

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

    # June 17, 2013 at 3:15 am

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

    # June 17, 2013 at 7:01 am

    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.

    http://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

    # July 3, 2013 at 9:06 am

    there is some problems with comatibilities in using inline-block and vertical-align. Quote from http://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.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".