JSFiddle - React, Tailwind, and code Playground

by jamesclebio

HTML

<main>
  <div class="centralizado">
    Eu sou um elemento block e estou centralizado.
  </div>
</main>

CSS

body {
  background: #0C2939;
}

main {
  background: white;
  margin: 20px 0;
  padding: 10px;
}

.centralizado {
  margin: 0 auto;
  width: 200px;
  background: black;
  padding: 20px;
  color: white;
}