Prueba 7
HTML
<!DOCTYPE html>
<html>
<head lang="es-ES">
<title>Prueba 7</title>
<meta charset="utf-8">
<link rel="stylesheet" href="Practica7.css">
</head>
<body>
<header>
<h1>Prueba 7</h1>
<nav>Menú de navegación</nav>
</header>
<article></article>
<h2>Artículo de información</h2>
<section>
<h3>Columna 1</h3>
<p>Cuando me dices que no puedo lo único que escucho es “Bla, bla, bla…”.Cualquier cosa que te plante la vida florecela con gracia.</p>
</section>
<section>
<h3>Columna 2</h3>
<p>Todo error deja una enseñanza, toda enseñanza deja una experiencia, y toda experiencia deja una huella.Encuentra lo que te hace feliz y ve hacia ello.</p>
</section>
<section>
<h3>Columna 3</h3>
<p>Algunas personas llegan a nuestra vida como bendiciones y otras se van como lecciones.Lo importante no es lo que se promete sino lo que se cumple.</p>
</section>
<footer>Pie de página</footer>
</body>
</html>
CSS
header{
background-color: aquamarine;
text-align: center;
padding: 15px
}
footer{
background-color: aquamarine;
text-align: center;
padding: 15px;
clear: both;
}
section{
width: 33%;
float: left;
}
<!DOCTYPE html>
<html>
<head lang="es-ES">
<title>Prueba 7</title>
<meta charset="utf-8">
<link rel="stylesheet" href="Practica7.css">
</head>
<body>
<header>
<h1>Prueba 7</h1>
<nav>Menú de navegación</nav>
</header>
<article></article>
<h2>Artículo de información</h2>
<section>
<h3>Columna 1</h3>
<p>Cuando me dices que no puedo lo único que escucho es “Bla, bla, bla…”.Cualquier cosa que te plante la vida florecela con gracia.</p>
</section>
<section>
<h3>Columna 2</h3>
<p>Todo error deja una enseñanza, toda enseñanza deja una experiencia, y toda experiencia deja una huella.Encuentra lo que te hace feliz y ve hacia ello.</p>
</section>
<section>
<h3>Columna 3</h3>
<p>Algunas personas llegan a nuestra vida como bendiciones y otras se van como lecciones.Lo importante no es lo que se promete sino lo que se cumple.</p>
</section>
<footer>Pie de página</footer>
</body>
</html>
CSS
header{
background-color: aquamarine;
text-align: center;
padding: 15px
}
footer{
background-color: aquamarine;
text-align: center;
padding: 15px;
clear: both;
}
section{
width: 33%;
float: left;
}
Comentarios
Publicar un comentario