center a list of icons on email html - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:UL Element

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. UL Element

Description

center a list of icons on email html

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!--from  w ww  .jav  a  2  s .  c  o  m-->
 <body> 
  <table style="margin: 0;padding: 0;width: 100%;border-collapse: collapse; background-color: #F2F2F2;"> 
   <colgroup> 
    <col width="20%"> 
    <col width="60%"> 
    <col width="20%"> 
   </colgroup> 
   <tbody> 
    <tr> 
     <td> </td> 
     <td style="text-align:center"> <a rel="nofollow" target="_blank" href="#"> <img src="https://www.java2s.com/style/demo/Safari.png" alt="Facebook"> </a> <a rel="nofollow" target="_blank" href="#"> <img src="https://www.java2s.com/style/demo/Google-Chrome.png" alt="Twitter"> </a> <a rel="nofollow" target="_blank" href="#"> <img src="https://www.java2s.com/style/demo/Google-Chrome.png" alt="Pinterest"> </a> <a rel="nofollow" target="_blank" href="#"> <img src="https://www.java2s.com/style/demo/Safari.png" alt="Tumblr"> </a> <a rel="nofollow" target="_blank" href="#"> <img src="https://www.java2s.com/style/demo/Google-Chrome.png" alt="Instagram /"> </a> </td> 
     <td> </td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials