JSFiddle - React, Tailwind, and code Playground

HTML

<div id="formularios">
  <h1>
  XPTO
  </h1>
  <div id="formulario-login">
    <h2>
    Login!
    </h2>
    <!-- // Codigo do formulário -->
  </div>
  <div id="formulario-cadastro">
    <h2>
    Cadastre-se
    </h2>
    <!-- // Codigo do formulário -->
  </div>
  <div class="clear"></div>
</div>

CSS

.clear{clear:both}
h2{padding:5px;margin:0}
#formularios {
  width: 100%
}

#formulario-login {width: 220px;float:left}
#formulario-cadastro {width: 220px;float: right}