- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Alineación horizontal del texto: text-align</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Progressive Enhancement y Responsive Design</h1>
<p class="right">Últimamente está ganando popularidad un enfoque llamado Responsive Design, es decir, diseño adaptable.</p>
<p class="justify">La idea de este enfoque es usar un conjunto específico de técnicas (cuadrículas fluidas, imágenes fluidas y media queries de CSS) para que una página web se muestre correctamente en distintos dispositivos: desde un teléfono hasta un monitor panorámico.</p>
</body>
</html>
CSS
h1 {
font-size: 24px;
}
Ha ido a otra página
Haga clic dentro del mininavegador para poner el foco en esta ventana.
ObjetivosRealizado
0
Practiquemos la alineación del texto.
- Centra el encabezado.
- Alinea a la derecha el párrafo con clase
right. - Justifica el párrafo con clase
justify.