JSFiddle - React, Tailwind, and code Playground

by jamesclebio

HTML

<header>
  Este texto é centralizado.
</header>

<nav role='navigation'>
  <a href="#0">Um</a>
  <a href="#0">Dois</a>
  <a href="#0">Três</a>
  <a href="#0">Quatro</a>
</nav>

CSS

body {
  background: #0C2939;
}

header, nav {
  text-align: center;
  background: white;
  margin: 20px 0;
  padding: 10px;
}

nav a {
  text-decoration: none;
  background: #333;
  border-radius: 5px;
  color: white;
  padding: 3px 8px;
}