word in label on the same line with the field

Hi everyone Can I get know how to have the word in label on the same line with he field input ? html:
<div class="content">
<label for="taille">Votre Taille:</label>
<input type="text" name="taille" id="taille" />

<label for="poids">Votre Poids:</label>
<input type="text" name="poids" id="poids"/>


<button type="submit" class="envoi">Calculer mon IMC</button>
</div>
<div class="content">
<label for="taille">Votre Taille:</label>
<input type="text" name="taille" id="taille" />

<label for="poids">Votre Poids:</label>
<input type="text" name="poids" id="poids"/>


<button type="submit" class="envoi">Calculer mon IMC</button>
</div>
css:
.content{
width: 450px;
height: 300px;
background-color: dodgerblue;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
justify-content: space-around;
}

.content input{
/* display: block;
margin-bottom: 20px;*/
outline: none;
border-radius: 2px;
border: 1px solid grey;

}
.content{
width: 450px;
height: 300px;
background-color: dodgerblue;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
justify-content: space-around;
}

.content input{
/* display: block;
margin-bottom: 20px;*/
outline: none;
border-radius: 2px;
border: 1px solid grey;

}
thanks
1 Reply
Jochem
Jochem•11mo ago
wrap them in a p or div, or use grid with 2 columns