JSFiddle - React, Tailwind, and code Playground

by kiokotzu

HTML

<div class="contenedor">
    <div class="texto">
        <h1>AquĂ­ el texto que quieres</h1>
    </div>
</div>

    <div class="espacioparaquefuncione"></div>

CSS

.contenedor {
      color: #ffffff;
      display: table;
      height: 400px;
      width: 100%;
      background: url(http://viewallpaper.com/wp-content/uploads/2013/07/Imagenes-Bonitas-Wallpaper.jpg) no-repeat center center fixed black; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .texto {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
    }

    .espacioparaquefuncione {height: 900px;}