Superposición HTML-CSS que cubre toda la página con elementos centrados
Quiero crear una superposición de pantalla completa simple con cargador y texto en el centro. Tengo algunos problemas con el texto. Quiero que la imagen seaterminado ENCIMA el texto. ¿Me puede ayudar con esto?
<div id="loadingOverlay" class="loader-overlay">
<div class="loader-content loader-center">
<img src="http://www.mysarkarinaukri.com/images/loadingBar.gif" class="loader-center" alt=""/>
<div class="loader-center loader-text">Loading, please wait...</div>
</div>
</div>
http://jsfiddle.net/bLz7wgvs/2/
[editar]
Lo siento por mi ingles. Quise decir "arriba", no "debajo" ...
Debería verse así:
[-------------loader here-------------]
Loader text (plz wait, etc.) in one line, both centered horizontally and vertically