The line height option for vertical centering works great. I'm not understanding, though, when to use min-height. If I'm setting a fixed height and line height for a full-width toolbar at the top...
https://css-tricks.com/centering-css-complete-guide/#comment-1585860
Thanks for the tips, I also like this method that will also work on IE8: http://codepen.io/anon/pen/CmlDL It's based on inline-block and the use of pseudo-element.
https://css-tricks.com/centering-css-complete-guide/#comment-1585667
In reply to Scott Fennell. Excellent tricks! I tried to apply some of them in my responsive template. But here i...
https://css-tricks.com/centering-css-complete-guide/#comment-1585556
Nice one. There is always a bunch of different options, but I think the frustration boils down to no fool proof way of vertically centring something with decent browser support and not adding a s...
https://css-tricks.com/centering-css-complete-guide/#comment-1585255
cool stuff, i like to read your blogs
https://css-tricks.com/centering-css-complete-guide/#comment-1585240
Hi Chris, Do you know if there are any options to vertically center text based on its x-height instead of the entire height of the text? When the container is slightly larger than the font-size t...
https://css-tricks.com/centering-css-complete-guide/#comment-1585185
"Is the element of unknown width and height?" – i preffer bulletproof, oldschool solution with table http://codepen.io/andychups/pen/CDLxK. By the way, i like this tweet: "The easiest way to ve...
https://css-tricks.com/centering-css-complete-guide/#comment-1585156
Thanks a lot for your great information. It's a must read information for CSS beginner.
https://css-tricks.com/centering-css-complete-guide/#comment-1585094
Well organized article. Centering in CSS is always a
pain for the web developers. This guide is a life saver for them! I
always used the line-height
for vertical ali...
https://css-tricks.com/centering-css-complete-guide/#comment-1585086
Hi Chris, great article as always and very useful ! Careful, the CodePen examples are shifted from one branch/paragraph to another (e.g. : ghost elements example should be in Vertically/inline/mu...
https://css-tricks.com/centering-css-complete-guide/#comment-1585071
I love this site so much! I've solved many CSS problems by coming here! Thank you Chris!
https://css-tricks.com/centering-css-complete-guide/#comment-1585063
I personally have never used value "0" when using margin. I've always
used margin:auto;
, that's it. Never have I had any issues
whatsoever leaving that 0 out. Just sayin'. Awesome de...
https://css-tricks.com/centering-css-complete-guide/#comment-1585044
You, sir, deserve a thumbs up!
https://css-tricks.com/centering-css-complete-guide/#comment-1585043
In reply to Thomas. Appearntly there is a fix by adding preserve-3d to the parent.
https://css-tricks.com/centering-css-complete-guide/#comment-1585028
Sweet jesus! The transform: translate(-50%, -50%); is totally awesome... I can't believe I never thought about this. I was not aware that this was so well supported. Life just got better :-) Thx ...
https://css-tricks.com/centering-css-complete-guide/#comment-1585010