Material design lite - Center Aligned form
home
Run
screen_rotation
fullscreen
cloud_download
<html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://code.getmdl.io/1.1.1/material.indigo-pink.min.css"> <script defer src="https://code.getmdl.io/1.1.1/material.min.js"></script> </head> <body> <div class="mdl-grid"> <div class="mdl-layout-spacer"></div> <div class="mdl-cell mdl-cell--4-col"> <form action="#"> <div class="mdl-textfield mdl-js-textfield"> <input class="mdl-textfield__input" type="text" id="username"/> <label class="mdl-textfield__label" for="username">Username</label> </div> </form> </div> <div class="mdl-layout-spacer"></div> </div> </body> </html>
<html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://code.getmdl.io/1.1.1/material.indigo-pink.min.css"> <script defer src="https://code.getmdl.io/1.1.1/material.min.js"></script> </head> <body> <div class="mdl-grid"> <div class="mdl-layout-spacer"></div> <div class="mdl-cell mdl-cell--4-col"> <form action="#"> <div class="mdl-textfield mdl-js-textfield"> <input class="mdl-textfield__input" type="text" id="username"/> <label class="mdl-textfield__label" for="username">Username</label> </div> </form> </div> <div class="mdl-layout-spacer"></div> </div> </body> </html>
Copyrights@tutorialsplane.com