Sesión 6 html y css

mayo 15, 2020

Sesión 6 html y css

<!DOCTYPE html>
<html lang="es-Es">
<head>
<meta charset="UTF-8">
<title>Sesion 6</title>
<link rel="stylesheet" href="sesion6.css">
</head>
<body>
<header>
<h1>Sesión 6</h1>
<nav>Menú de navegación</nav>
</header>

<article>
<h2>Articulo de información</h2>
<section>
<h3>Columna I</h3>
<p>cuando sueño me teltransporto a otros universos</p>
</section>
<section>
<h3>Columna II</h3>
<p>los jugadores de futbol suelen entrenar dos veces por semana</p>
</section>
<section>
<h3>Columna III</h3>
<p>me gusta jugar videojuegos y montar en bici</p>
</section>

</article>

<footer>Pie de página</footer>
</body>
</html>

css
/*
6
*/

header{
background-color:crimson;
text-align: center;
padding: 25px;
}

section{
width:33%;
float:left;
}

footer{
background-color:crimson;
text-align: center;
padding: 25px;
clear: both
}