Vertical align anything with just 3 lines of CSS |

Z63 | Vertical align anything with just 3 lines of #CSS | zerosixthree
►http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css

The CSS property #transform is usally used for rotating and scaling elements, but with its #translateY function we can now vertically align elements. Usually this must be done with absolute positioning or setting line-heights, but these require you to either know the height of the element or only works on single-line text etc.

Z63 | #Vertical_align anything with just 3 lines of #CSS |
►http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css

With just 3 lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY vertically center whatever we want, even if we don’t know its height.

#web_design