JSFiddle - React, Tailwind, and code Playground

HTML

<body>
		<div id="faixa-azul">
		<figure id="logo_santoAntonio">
		<img src="logo-santo-antonio.png" alt="Alternativa caso a img não apareca" >
		<figcaption></figcaption>
		</figure>
			
			<div id="login">
				<form> 
					<label for="editor-mat">Matrícula: <input id="editor-mat" type=text></label>
					<label for="editor-pass">Senha: <input id="editor-pass" type=password></label>
					<input type=button value="Entrar">
				</form>
			</div>
		
		</div>
		<hr/>
		
		<!-- 
		<nav class="menu-opcoes">
		<ul class="centro">
			<a href="#"><li>Inicio</li></a>
			<a href="#"><li>Provas</li></a>
			<a href="index.html"><li>Sobre</li></a>
			<a href="curriculo.html"><li>Currículo</li></a>
			
		<ul>
		</nav>
		-->

		
		
		<form>
		</form>
	</body>

CSS

* {
  margin: 0;
}
label {
  display: block;
  margin: 5px;
}
#editor-pass {
  margin-left: 20px;
}