JSFiddle - React, Tailwind, and code Playground

by rodrigonery

HTML

<!doctype html>
<html>
<head>
    <title>teste</title>
    <style type="text/css" media="all">
/* Reseta o CSS */
ul,a,img,menu,nav,html,body,form{margin:0;padding:0;text-decoration:none;list-style:none;border:0;font:100% verdana;color:#484848;}
/* Full */
.full{width:100%;float:left;}
/* Ajeita dentro da div */
.wrapper{margin:0 auto;padding:0 10px;}
/* Pinta o fundo da div de amarelo */
.yellow{background:#f7f5c6;}
/* Joga a Float right ou left */
.right{float:right;}
.left{float:left;}
/* Gambi pra margear dentro das divs */
.spacer{margin:10px 0 0;}
/* Input CSS3 */
input{box-shadow:1px 1px 2px #333;padding:0 4px;border:1px inset silver}
input.focus{color:#666}
input.error{color:#f00}
input.right{color:#053603}
/* header */
header .top{text-align:center;}
header .user{line-height:27px;}
    </style>

</head>
    <body>
<header>      
  <div class="full yellow wrapper">
      teste: <input class="spacer" type="text" value="teste">
  </div>
</header>
        
    </body>
</html>