JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="pt-br">

  <head>
    <title>oi</title>
    <style>
      .List {
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        color: #666666;
        height: 29px;
        padding: 4px;
        border: 1px solid #CCCCCC;
        float: left;
      }

    </style>
  </head>

  <body>

    <div>test</div>
    <div>
      <select name="a" class="List" style="width: 450px;">
			<option value="">1</option>
			<option value="">2</option>
			<option value="">3</option>
			<option value="">4</option>
			<option value="">5</option>
		</select> <br /><br />
      <select name="b" class="List" style="width: 450px;">
			<option value="">&nbsp;</option>
		</select> <br /><br />
      <select name="c" class="List" style="width: 450px;">
			<option value="">&nbsp;</option>
		</select> <br /><br />
      <select name="d" class="List" style="width: 450px;">
			<option value="">&nbsp;</option>
		</select> <br /><br />
      <select name="e" class="List" style="width: 450px;">
			<option value="">&nbsp;</option>
		</select> <br /><br />
      <select name="f" class="List" style="width: 450px;">
			<option value="">&nbsp;</option>
		</select> <br /><br />
      <select name="g" class="List" style="width: 450px;">
			<option value="">&nbsp;</option>
		</select> <br /><br />
      <select name="h" class="List" style="width: 450px;">
			<option value="">&nbsp;</option>
		</select> <br /><br />
      <select name="i" class="List" style="width: 450px;">
			<option value="">&nbsp;</option>
		</select>
    </div>
  </body>

</html>