JSFiddle - React, Tailwind, and code Playground

by Douglas Santos

HTML

<body>
<header>
  <div class="content">
      Aqui está op conteúdo do meu header
  </div>
</header>
<section>
  <div class="content">
     Aqui está meu conteudo principal<br>
     Aqui está meu conteudo principal<br>
     Aqui está meu conteudo principal<br>
     Aqui está meu conteudo principal<br>
     Aqui está meu conteudo principal<br>
     Aqui está meu conteudo principal<br>
  </div>
</section>
<footer>
  <div class="content">
     Aqui está meu conteudo do meu footer
  </div>
</footer>
</body>

CSS

header, section, footer{
  width: 100%;
  float: left;
}

header{background-color: blue;}
section{background-color: green;}
footer{background-color: violet;}

.content{
  margin: 10px auto;
  width: 960px;
  background-color: white;
}