Editar el código:
ver Resultados »
Inténtalo tú mismo - ©
w3ii.com
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/lib/w3.css"> <link rel="stylesheet" href="../../cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> <body class="w3-container"> <h1>Font Awesome Icons</h1> <ul class="w3-ul"> <li><i class="fa fa-home"></i> Home</li> <li class="w3-large"><i class="fa fa-home"></i> Home</li> <li class="w3-xlarge"><i class="fa fa-home"></i> Home</li> <li class="w3-xxlarge"><i class="fa fa-home"></i> Home</li> <li class="w3-xxxlarge"><i class="fa fa-home"></i> Home</li> <li class="w3-jumbo w3-teal"><i class="fa fa-home"></i> Home</li> </ul> <p> <button class="w3-btn w3-teal w3-xlarge">Button<i class="w3-margin-left fa fa-home"></i></button> </p> <p> <i class="w3-jumbo w3-spin fa fa-home"></i> </p> <div class="w3-padding w3-xlarge w3-teal"> <i class="fa fa-home"></i> <i class="fa fa-search"></i> <i class="fa fa-cloud"></i> <i class="fa fa-trash"></i> Welcome! </div> </body> </html>