GitForAll
menu
Guía
Proyectos
Acerca de
Guía
Proyectos
Acerca de
Materializa/texto.html
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Ejemplo textos - Capacitadero.org</title> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link rel="stylesheet" href="css/materializa.min.css"> </head> <body> <!--ejemplo uno:centrar de forma vertial el o los elementos.--> <div class="valign-wrapper"> <h5>Aprendiendo Materialize</h5> <h4>Alineación vertical</h4> <p>Con la clase valign-wrapper en el contenedor haremos que todos los elementos esten centrados verticalmente. Si son más de uno entoces: estarán uno al lado del otro</p> </div> <!-- ejemplo dos: centrado de forma horizonta.l Recuerda que en este caso las h5 estan dentro de div que no tienen sistema grid o un determinado tamaño. Entoces estos div ocupan todo el ancho de la pantalla y las h5 se ubican considerando ese ancho. --> <div> <h5 class="left-align">Este texto estaria alineado a la izquierda</h5> </div> <div> <h5 class="right-align">Este texto estaria alineado a la derecha</h5> </div> <div> <h5 class="center-align">Este texto estaria centrado</h5> </div> <script type="text/javascript" src="js/materializa.min.js"></script> </body> </html>
Regresar