JSFiddle - React, Tailwind, and code Playground

by Bacco

HTML

<div id="cab">
   <h1>Título do site</h1>
   <p>Outro texto</p>
</div>

















<div id="sopt">
    <a target="_top" href="http://pt.stackoverflow.com/a/21297/70">Retornar ao SOpt</a>
</div>

CSS

#cab    { position: relative;
          margin: 0;
          padding: 0;
          height: 200px; }

#cab h1 { position: absolute;
          top: 25px;
          left: 25px; }

#cab p  { position: absolute;
          bottom: 25px;
          right: 25px; }

/* os estilos a seguir tem finalidade meramente estética para o fiddle */

#cab {
   background-color:#ccc;
}

#cab h1, #cab p {
   font: normal 24px/24px Helvetica, Arial, sans-serif; color: #fff;
   margin: 0; padding: 0;
}

body, html {padding: 0; margin: 0; height:100%; width: 100%;
    color: #fff;font-family: sans-serif}
#sopt {clear:both;padding:30px 0 0 0;text-align:center}