• HTML
• CSS

HTML

<div class="container">
    <h3>LA NIÑA DE LA LÁMPARA AZUL</h3>
    <p>
    En el pasadizo nebuloso<br>
    cual mágico sueño de Estambul,<br>
    su perfil presenta destelloso<br>
    la niña de la lámpara azul.<br>
    </p>
    <p>
    Ágil y risueña se insinúa,<br>
    y su llama seductora brilla,<br>
    tiembla en su cabello la garúa<br>
    de la playa de la maravilla.<br>
    </p>
    <p>
    Con voz infantil y melodiosa<br>
    con fresco aroma de abedul,<br>
    habla de una vida milagrosa<br>
    la niña de la lámpara azul.<br>
    </p>
    <p>
    Con cálidos ojos de dulzura<br>
    y besos de amor matutino,<br>
    me ofrece la bella criatura<br>
    un mágico y celeste camino.<br>
    </p>
    <p>
    De encantación en un derroche,<br>
    hiende leda, vaporoso tul;<br>
    y me guía a través de la noche<br>
    la niña de la lámpara azul.<br>
    </p>
    by José María Eguren
</div>

CSS

body{
    background-image:url("https://compositu.com/template/web/img/extra/desk_3.jpeg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #66999;
}

.container{
    width:20rem;
    margin:1.5rem auto;
    padding:1rem 0.5rem 2rem 0.5rem;
    background:rgba(255,255,255,0.7);
    border:1px solid rgba(255,255,255,0.7);
    border-radius:0.5rem;
    font-family:sans-serif,arial;
    text-align:center;
    
}