JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<form method="post" action="php/traitement_contact.php" class="formulaire">
			<div class="form_gauche">
                <label><input type="text" name="nom" placeholder="Nom" id="champ_classique" required="required" /></label>
                <label><input type="text" name="prenom" placeholder="Prénom" id="champ_classique" required="required" /></label>
                <label><input type="email" name="email" placeholder="Email" id="champ_classique" required="required" /></label>
                <label><input type="text" name="objet" placeholder="Objet" id="champ_classique" required="required" /></label>
           </div><!--FIN FORM_GAUCHE-->

    <label><textarea name="message" placeholder="Votre message..." id="text_area" required="required" ></textarea></label>
    <label><input type="submit" value="Envoyer" id="submit" /></label>
          
		</form>

CSS

body {
    background-color: rgba(51,51,51,1);
}

.formulaire {
    margin-top: 10px;
    width: 80%;
    display: inline-block;
    border: 0px solid green;
    padding-right: 10%;
    padding-left: 10%;
}


.form_gauche {
    width: 49%;
    height: auto;
    display: table-cell;
    float: left;
}

#champ_classique {
    width:90%;
    margin-bottom:18px;
    font-size: 15px;
}

#text_area {
  display: inline-block;
  width: 50%;
  height: 140px;
  border: 0px solid red;
  font-size: 16px;
}

#submit {
  display: inline-block;
  float: right;
}