CSS: Un problème simple

[invite9aa34d0b]

Salut, je suis nouveau ici et un gros débutant en programmation, il y a quelque chose que je n'arrive pas à faire dans le langage CSS et malgré pleins de recherches sur internet et être repassé sur mes cours de CSS, je trouve aucune solution à mon problème. Alors voilà c'est simple, j'aimerais savoir comment fait on pour afficher deux paragraphes de plusieurs lignes sur la même "ligne" de la page web. Un élément block fais qu'on ne peut pas afficher deux éléments sur la même ligne, (ou, on peut en bidouillant avec les positions mais si on veut mettre des bordures après ça rendra très mal). Un élément inline fais qu'on peut, mais en contrepartie on ne peut pas faire un paragraphe de plusieurs lignes.

Je sais pas si c'est très claire mais ce que je veut c'est que sur le même "alignement vertical", j'ai à gauche un paragraphe de plusieurs lignes, au millieu un paragraphe de plusieurs lignes et à droite un paragraphe de plusieurs lignes, tout en pouvant mettre des bordures, padding, etc à chacun sans que ca prenne toute la ligne horizontale comme avec les éléments blocks habituels. J'ai déjà vu ça sur pleins de sites mais je suis trop nul en analyse de code source pour comprendre comment ils ont fait. Merci de votre aide ^^
-----

[bisou10]

Tu peux aller sur le site, faire F12 et voir comment c'est fait.

Sinon
https://www.mediacc.com/astuces/2-co...-des-divs.html

[invite9aa34d0b]

Problème résolu, en fait il suffisait de réduire la largeur d'un élément de type block puis de faire des retours à la ligne, ce qui permet de faire des paragraphes de plusieurs lignes dans des boites et tous sur le même alignement verticale
Je me doutais bien que la solution était simple pour un problème aussi petit, pourtant j'ai mis 2 jours à la trouver xD, désolé du dérangement

[uneautreterre]

Un élément block fais qu'on ne peut pas afficher deux éléments sur la même ligne

Le problème est résolu, mais cette affirmation est fausse.
D'une part un bloc peut recevoir comme valeur inline-block à la propriété display, ce qui le réduit à son contenu, et d'autre part il peut être flottant (propriété float). Si on veut diviser par deux la largeur de la fenêtre, comme si l'on utilisait un tableau de deux colonnes, on préférera de loin les flottants (float: left;). On ajoutera la règle width: 50%. Un seul paragraphe sera cependant affiché par ligne pour peu que les paragraphes contiennent un padding ou une bordure, car les paragraphes dans leur ensemble seront plus grands que les 50% demandés. Pour corriger ça, on ajoutera la règle box-sizing: border-box; et on supprimera les éventuels margin à gauche et à droite. On peut aussi mettre moins de 50%, mais en général c'est pas top.

[A voir en vidéo sur Futura]