HTML CSS examples for CSS Widget:Font awesome
Make Font Awesome icons in a circle
<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.2.0/css/font-awesome.min.css"> <style id="compiled-css" type="text/css"> .iconWrapper {<!--from www .ja v a 2 s .c om--> display:flex; justify-content:center; align-items:center; width:51px; height:51px; background-color:Chartreuse; border-radius:51px; } </style> </head> <body> <div class="iconWrapper"> <i class="icon fa fa-bars"></i> </div> </body> </html>