Je cherche a trouver comment aligner mes inputs.

j'ai ce code dans mon css.

input, select {
    margin-left: 50px;
}

et mon html.

<form action="" method="POST">
      <div>
          <label for="title">Le titre</label>
          <input type="text" name="title" id="title">
      </div>
      <div>
          <label for="description">La description</label>
          <input type="text" name="description" id="description">
      </div>
      <div>
          <label for="picture">La/Les photo/photos</label>
          <input type="file" name="picture" id="picture">
      </div>
      <div>
          <label for="status">Le status</label>
          <select name="statu" id="statu">
            <option value="online">En ligne</option>
            <option value="offline">Hors ligne</option>
          </select>
      </div>
  </form>[](null)

Je voudrais réussir a mettre par exemple tout mes input à 100px du bord de l'ecran qu'il soit sur une ligne (une ligne dessinée de haut en bas).

merci est belle soirée

6 réponses


Curvata
Réponse acceptée

Bonjour..

div {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-left: 100px;
}
xelek
Réponse acceptée

Bonjour, as-tu trouvé comment faire ça?

Mini Militia App Lock

Hello, oui j'ai trouver et j'ai accepté la réponse 1. et j'ai une la notif que le sujet à été marqué comme résolu.

pourquoi poser la question alors que le sujet est sur resolu ?

Mais est-ce normal que l'on peut toujours écrir alors que le sujet et résolu ?

Bonsoir.
Oui c'est normal de pouvoir répondre à un sujet qui a été résolu.
Car ça permet par exemple à un autre utilisateur de donner une autre solution ou bien de donner plus de précision concernant la solution qui a été apporté.
Le fait qu'un sujet soit marqué comme résolu ne veut pas dire qu'il est cloturé.