Bonjour à tous

Je cherche à placer mes controles selon 2 lignes, mais sans colonnes régulières :
- jqxRadioButton + jqxDateTimeInput + jqxDropDownList
- jqxRadioButton + jqxButtonGroup

Je cherche à obtenir ça :


Et actuellement j'ai ça :


Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div>
   <div id='jqxRadioButton0'>Unique</div>
   <div id='jqxDateTimeInput'></div>
   <div id='jqxDropDownList'></div>
</div>
<div>
   <div id='jqxRadioButton1'>Régulier</div>
   <div id='jqxButtonGroup'>
      <button style="padding:4px 6px;" id="j1">lu</button>
      <button style="padding:4px 6px;" id="j2">ma</button>
      <button style="padding:4px 6px;" id="j3">me</button>
      <button style="padding:4px 6px;" id="j4">je</button>
      <button style="padding:4px 6px;" id="j5">ve</button>
      <button style="padding:4px 6px;" id="j6">sa</button>
      <button style="padding:4px 6px;" id="j7">di</button>
   </div>
</div>

J'ai essayé plusieurs choses trouvées sur le net (notamment <div class="ui-grid-a"> / <div class="ui-block-a"..>) mais ça bouge pas ..


J'aurais aussi une autre petite question au passage : comment rendre la taille des boutons du jqxButtonGroup contraignante (actuellement avec '6px' elle s'adapte à la chaine de caractère) ?
C'est sans doute un truc basique, mais j'avoue j'ai du mal avec le html

Merci d'avance