JSFiddle - React, Tailwind, and code Playground
HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Populate</title>
<meta name="description" content="The Populate">
<meta name="author" content="wagner fillio">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--<link rel="stylesheet" href="css/styles.css?v=1.0">-->
</head>
<body>
<div>
<form id="form">
<div>
<label for="sel-account">ACCOUNT</label>
<select type="text" id="sel-account">
<option id="0" value="0">Create Account</option>
<option id="1" value="1">Load Account</option>
</select>
</div>
<div>
<label for="nome">Description</label>
<input type="text" id="account-description" />
</div>
<div>
<label for="account-bank">Bank</label>
<select type="text" id="account-bank">
<option>teste</option>
</select>
</div>
<div>
<label for="msg">Agency</label>
<input type="text" id="account-agency" />
</div>
<div>
<label for="msg">Account</label>
<input type="text" id="account-account" />
</div>
</form>
</div>
<style>
form {
margin: 0 auto;
width: 400px;
padding: 1em;
border: 1px solid #CCC;
border-radius: 1em;
}
form div + div {
margin-top: 1em;
}
label {
display: inline-block;
width: 90px;
text-align: right;
}
input,
select {
font: 1em sans-serif;
width: 300px;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px...