Práctica 7





<!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: red;
    text-align: center;
    padding: 15px
}
footer{
    background-color: aquamarine;
    text-align: center;
    padding: 15px;
    clear: both;
}
section{
    width: 25%;
    float: left;

}

Comentarios

Entradas populares de este blog

mis gadgets

HTML(sesión2ª)

. TRABAJO 1. COMPARANDO LICENCIAS