Bearbeiten Sie den Code:
Siehe Ergebnis »
Versuch es selber - ©
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="../../fonts.googleapis.com/icon-family=Material+Icons.html"> <style> .material-icons{vertical-align:-14%} </style> <body class="w3-container"> <h1>Google Icons</h1> <ul class="w3-ul"> <li><i class="material-icons">home</i>Home</li> <li class="w3-large"><i class="material-icons w3-large">home</i>Home</li> <li class="w3-xlarge"><i class="material-icons w3-xlarge">home</i>Home</li> <li class="w3-xxlarge"><i class="material-icons w3-xxlarge">home</i>Home</li> <li class="w3-xxxlarge"><i class="material-icons w3-xxxlarge">home</i>Home</li> <li class="w3-jumbo w3-teal"><i class="material-icons w3-jumbo">home</i>Home</li> </ul> <p> <button class="w3-btn w3-teal w3-xlarge">Button<i class="w3-margin-left material-icons">cloud</i></button> </p> <p> <i class="material-icons w3-spin w3-jumbo">cloud</i> </p> <div class="w3-padding w3-xlarge w3-teal"> <i class="material-icons w3-xlarge">home</i> <i class="material-icons w3-xlarge">search</i> <i class="material-icons w3-xlarge">cloud</i> <i class="material-icons w3-xlarge">delete</i> Welcome! </div> </body> </html>