JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cadre">
	<label class="gauche" for='nom'>Nom :<input name='nom'></label><label class="droite" for='prenom'>Prénom :<input name='prenom'></label>
	<label class="gauche" for='adr1'>Adresse :<input name='adr1'></label><label class="droite" for='adr2'>Suite adresse :<input name='adr2'></label>
	<label class="gauche" for='cp'>Code postal :<input name='cp'></label><label class="droite" for='ville'>Ville :<input name='ville'></label>
</div>

CSS

* {
		margin				: 0;
		border				: 0 none;
		padding				: 0;
}

body {
        background-color	: lightyellow; 
}

div#cadre {
		margin				: 25px auto;
		padding				: 0;
		width				: 700px;
		background-color	: #dee5f4;
		border				: 1px solid #000;
		box-shadow			: 1px 1px 1px #4c6ec8;
		overflow			: hidden;
}

div#cadre label {
		display				: inline-block;
		width				: 350px;
		text-align			: right;
}

div#cadre label input {
		display				: inline-block;
		margin				: 0 5px 5px 5px;
		width				: 240px;
}