Débutant : form en html

label{
	display: block;
	width: 8%;
	}

label .label1{
  float: left;
}

label .label2{
  float: right;
}

<label class="label1" for="civilite">Civilité : *</label>

<code html>
 <label  class="label2" for="prenom">
     Prenom: <span style="color: red"> * </span>
 </label>

<table>
	<thead>
		<tr>
		<th class="titretab2">Adresse de facturation</th>
		</tr>
	</thead>	
			
	<tbody> 
		<td>
		<form method="post" action="traitement.php">
		<span class="gauche">
		<label for="civilite">Civilité : *</label>
		<select class="cadregauche" name="civilite" id="civilite">
	        <option value="monsieur">Monsieur</option>
		<option value="madame">Madame</option>
		</select>
		</span><br><br>
						
						
		<span class="gauche">
		<label for="nom">Nom : <span style="color: red"> * </span></label>
		<input class="cadregauche"  type="text" id="nom" />
		</span>		
		<span class="droite">
		<label for="prenom" >Prenom : <span style="color: red"> * </span></label>
		<input type="text" id="prenom" /> 
				
		</span><br><br>
						
		<span class="gauche">
		<label for="adresse">Adresse : *</label>
		<input class="cadregauche"  type="text" id="adresse1" />
								
		</span>
					
		<span class="droite">
		<label for="cpostal">Code postal : *</label>
		<input type="text" id="cpostal" />
								
		</span><br><br>
						
		<span class="gauche">
		<label for="adresse2"></label>
		<input class="cadregauche"  type="text" id="adresse2" />
								
		</span>
						
		<span class="droite">
		<label for="ville">Ville : *</label>
		<input type="text" id="ville" />
								
		</span><br><br>
						
		<span class="gauche">
						
		<label for="email1">Email : *</label>
		<input class="cadregauche" type="text" id="email1" />
								
		</span>
						
		<span class="droite">
		<label for="email2">Confirmer votre email : *</label>
		<input type="text" id="email2" />
								
		</span><br><br>
						
						
		<span class="msgmail">
		<p>Un email valide est indispensable car la réception des billets se fait par mail.</p>
						
		</span>
		<p class="msgbp">
		<input type="checkbox" name="bonplan" id="bonplan" /> <label for="bonplan">Cochez la case pour être informé des bons plans du salon</label>
		</p>
		</form>	
	        </td>
	</tbody>
</table>

table
{
    border-collapse: collapse;
	width: 75%;
	margin : 1% auto auto auto;
}

td, th 
{
    border: 1px solid black;
	padding: 0.5%;
	text-align:center;
}

p
{
	text-align:left;
}

.gauche{
	display:block;
	float:left;
	text-align:left;
}	

.droite{
	display:block;
	float:right;
}

.cadregauche{
	display:block;
	margin-left:20%;
}