HTML CSS examples for CSS Widget:Font awesome
Margin with font-awesome icon
<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.1.0/css/font-awesome.min.css"> </head> <!-- www.j a va 2 s . c om--> <body> <ul style="list-style-type:none;"> <li> <div style="text-indent:-17px; margin-bottom:20px;"> <img src="https://www.java2s.com/style/demo/Firefox.png" alt="">Lorem i <a href="#">Lorem i<i class="fa fa-external-link" style="text-indent:0px;"></i> </a>Lorem ipsum dolor sit amet, consectetur adipis </div> </li> <li> <div style="text-indent:0px; margin-bottom:20px;"> <img src="https://www.java2s.com/style/demo/Firefox.png" alt="">Lorem i <a href="#">Lorem i<i class="fa fa-external-link" style="text-indent:0px;"></i> </a>Lorem ipsum dolor sit amet, consectetur adipis </div> </li> <li> <div style="text-indent:20px; margin-bottom:20px;"> <img src="https://www.java2s.com/style/demo/Firefox.png" alt="">Lorem i <a href="#">Lorem i<i class="fa fa-external-link" style="text-indent:0px;"></i> </a>Lorem ipsum dolor sit amet, consectetur adipis </div> </li> </ul> </body> </html>