#115 10 Septembre 2018 10:31:00
En te basant sur des div imbriqués, tu peux le faire en réalisant :
1/ une div chapeau
2/ puis en y insérant 2 div pour chaque colonne
display:inline indique que les div vont pouvoir se mettre l'une après l'autre dans le flux (le comportement générale étant block pour une div, c'est à dire l'une en dessous de l'autre)
float:left permet de remplir la div chapeau à partir de la gauche
width:50% indique que la largeur de la div colonne fera 50 % de la parente, soit la div chapeau.
Par exemple pour ton cas ça pourrait donner ça à mettre dans ton article :
Mais bon, déjà passer des styles directement en html c'est moyen, autant attribuer une classe et faire un code css qui va bien.
Mais surtout, la présentation sera pas top, puisque tes paragraphes n'ont pas du tout la même longueur.
Je te conseillerait donc de passer par la réalisation d'un tableau, ce qui permettra d'aligner chaque nouvelle section pour chaque colonne :
En complétant par la suite sachant que
<tr> </tr> génère une nouvelle ligne du tableau
Et qu'au sein de chaque ligne, il faut créer 2 colonnes, chaque partie étant délimitée par la balise <td> </td>
La largeur des cellules est définie sur la première ligne (width:50 % ) et le remplissage se fait par le haut de la cellule pour aligner le début de texte de chaque côté (valign="top")
Tu pourras modifier la façon de le remplir (centrée, etc.) à ta convenance.
En espérant avoir répondu à ton besoin.