×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: HTML
Posted by: A973C FR
Added: Sep 24, 2012 5:22 AM
Views: 25
  1. <div class="wraptocenter"><span></span><img src="..." alt="..."></div>
  2.  
  3. The CSS:
  4.  
  5. <style type="text/css">
  6. .wraptocenter {
  7. display: table-cell;
  8. text-align: center;
  9. vertical-align: middle;
  10. width: ...;
  11. height: ...;
  12. }
  13. .wraptocenter * {
  14. vertical-align: middle;
  15. }
  16. /*\*//*/
  17. .wraptocenter {
  18.   display: block;
  19. }
  20. .wraptocenter span {
  21.   display: inline-block;
  22.   height: 100%;
  23.   width: 1px;
  24. }
  25. /**/
  26. <!--[if lt IE 8]><style>
  27. .wraptocenter span {
  28. display: inline-block;
  29. height: 100%;
  30. }
  31. </style><![endif]-->