JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div class="text-over-image" >
   <h8><span style="position:absolute;">La Unión Del Pueblo Entero<span class='spacer1'></span>
   <br><span class='spacer1'></span>"Celebrando el Pasado y Viendo Hacia el Futuro"</span></h8>
</div>

CSS

.text-over-image {
    width: 960px;
    height: 100px;
    background-image: url("http://www.lupenet.org/wp-content/themes/Lupenet/images/header.jpg");
    margin-left: auto;
    margin-right: auto;
}
h8 {
    position: absolute;
    top: 20px;
    left: 400px;
    width: 960px;
}
h8 span {
    color: black;
    font: bold 24px/45px Helvetica, Sans-Serif;
    letter-spacing: -1px;
    padding: 10px;
}
h8 span.spacer1 {
    padding:0 5px;
}