Posted By

takel on 01/27/11


Tagged

align vertical


Versions (?)

vertical align in IE6-8, Firefox


 / Published in: CSS
 

  1. div {
  2. display: table;
  3. width: 144px;
  4. height: 115px;
  5. }
  6.  
  7. div span {
  8. display: table-cell;
  9. vertical-align: middle;
  10. text-align: center;
  11. }
  12.  
  13. .ie6 div, .ie7 div {
  14. padding-top: 3em;
  15. height: 8em;
  16. voice-family: "\"}\"";
  17. voice-family: inherit;
  18. height: 4em;
  19. }
  20.  
  21. .ie6 div span, .ie7 div span {
  22. margin-top:-0.5em;
  23. display:block;
  24. }

Report this snippet  

You need to login to post a comment.