<html> <head> <style> .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .fa-twitter::before { content: "\f099"; } .fa-facebook::before { content: "\f09a"; } .fa-google-plus::before { content: "\f0d5"; } </style> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <link rel="stylesheet" href="pretty-links_files/style.css"> </head> <body> <div>line 1</div> <a href="#" aria-label="Facebook"><i class="fa fa-facebook"></i></a> <a href="#" aria-label="Twitter"><i class="fa fa-twitter"></i></a> <a href="#" aria-label="Google+"><i class="fa fa-google-plus"></i></a> </div> <div>line 3</div> </body> </html>