HTML CSS examples for CSS Widget:Font awesome
Fit white background behind fa-3x (Font-awesome) icons
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <style id="compiled-css" type="text/css"> .footer-icons a { padding-right:11px; color:Chartreuse; } .footer-icons i { background-color:yellow; border-radius:6px; line-height:36px; padding:0; } body {<!--from w ww.j a v a 2 s. c o m--> background:blue; } </style> </head> <body> <div class="footer-icons"> <a href="#"> <i class="fa fa-pencil-square fa-3x pen-btn"></i> </a> </div> </body> </html>