Salut tout le monde,

j'essaye de placer correctement mes panels mais j'ai du mal...
Voilà ce que je souhaiterai faire :


Actuellement chaque panel (interne) prend une ligne et toute la largeur du panel "parent". J'ai essayé de jouer avec la propriété float en css mais les panels "fils" sortent du panel "parent".

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<p:panel>
<h2>Panels</h2>
     <p:panel  header="Panel 1" widgetVar="panel1" closable="true"> sdgsdfsd </p:panel>
     <p:panel  header="Panel 2" widgetVar="panel2" closable="true"> sdgsdfsd </p:panel>
     <p:panel  header="Panel 3" widgetVar="panel3" closable="true"> sdgsdfsd </p:panel>
     <p:panel  header="Panel 4" widgetVar="panel4" closable="true"> sdgsdfsd </p:panel>
</p:panel>
Comment puis-je faire ?

Merci par avance