Forum : [résolu] retour ligne et alignement à gauche

Bonjour,

J'ai besoin d'être aiguillé pour un problème de retour à la ligne.

Sur une ligne, j'ai trois éléments à la file les uns des autres : champ de texte 1, combo box, champ de texte 2.

Comment faire pour que dans le cas où la largeur de ces 3 éléments dépasse la largeur de l'écran, ils puissent rester en ligne sur une largeur justifiée ; par exemple, que le champ 2 commence sur la ligne 1 et continue sur une ligne 2 mais aligné à gauche avec le champ 1. Pas facile d'expliquer ce problème, j'espère que je suis clair. J'ai fait un dessin mais je ne crois pas que je puisse le poster ici.

Merci par avance en tous cas,

betaWeb

Réponse acceptée

Il faut que tu cliques sur le bouton à droite du message qui t'a permis de résoudre ton sujet pour le passer en résolu ;)

betaWeb

Salut,

Essaye en passant tes éléments en display: inline-block;.

Peux-tu nous montrer un peu de code ? Car comme ça on va avoir du mal à t'aider ;)

ricou89

Auteur

Ça marche bien avec une balise span, merci !

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>les balises html 5</title>
  </head>
  <body class='body'>
    <span>Les collines verdoyantes ont des reflets</span>
    <span>d'automne sous les rayons que darde</span>

     <select class="exo" name="item1">
        <option value="1">un Donald Trump</option>
        <option value="2">le soleil de l'été</option>
        <option value="3">la table de la cuisine</option>
    </select>

    <span>finissant.</span>

  </body>
  <style>
    .body{
        border: dashed;
        display: inline-block;
        max-width: 220px;

    }
  </style>
</html>

[résolu] retour ligne et alignement à gauche

3 réponses