JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#">

    <label for="genre">Genre :</label>
		<input type="text" name="genre" id="genre" />
    
    <label for="espece">Espèce :</label>
		<textarea name="espece" id="espece"></textarea>
    
    <label for="famille">Famille :</label>
		<input type="text" name="famille" id="famille" />
    
</form>

CSS

form {
  overflow: hidden;
}

label {
  clear: both;
  float: left;
  width: 170px;
}

input, textarea {
  float: left;
  margin-bottom: 15px;
}

textarea {
  resize: vertical;
  min-height: 100px;
}