<html>
<head>
  
<title>Ejemplo alineación vertical</title>

<head>
<body>
        <h1>Ejemplo 1 alineación vertical</h1>
        <div class="contenedor1">
                <div class="contenido1">
                        Contenido a alinear
                </div>
        </div>
        <hr />
        <div class="contenedor2">
                <div class="contenido2">
                        Contenido a alinear
                </div>
        </div>
        <hr />
        <div class="contenedor3">
                <div class="contenido3">
                        Contenido a alinear
                </div>
        </div>
<body>
</html>
        /* Colores y tamaños */
        .contenedor1 {
                background-color: lightgreen;
                width: 300px;
                height: 150px;
        }
        .contenido1 {
                background-color: lightblue;
                width: 200px;
                height: 100px;
        }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.