Ajouter un espacement entre les champs de texte de saisie adjacents : un guide étape par étape

Question

Comment ajouter un espace entre les champs de texte de saisie côte à côte ?

Marquez les espaces requis dans la zone :

<label for="Std">Start Trade Date</label>
<input type="text" id="Std" name="Std" placeholder="Enter start date">


<label for="End">End trade Date</label>
<input type="text" id="End" name="End" placeholder="Enter end date">

<label for="Fqy">Frequency</label>
<input type="text" id="Fqy" name="Fqy" placeholder="Frequency">

Answer 1

Vous pouvez utiliser des valeurs comme display: flex 的 gap.

J'ai ajouté wrap car cela aide lorsque la taille de l'écran/l'élément parent est trop petit. Vous pouvez également voir comment maintenir les écarts entre les lignes et les colonnes...

.dispalyFlex {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

  

    Start Trade Date
    
  
  

    End trade Date
    
  
  

    Frequency