[résolu] Div cote à cote

Bonjour,

J'aimerai mettre 2 div côte à côte dans un CMS où je n'ai pas la main sur la sortie html.
J'ai un code html de ce type :

<div>
    <div><div>blabla</div></div>
    <div class="tata">
        <div class="content">tata</div>
    </div>
  <div class="toto">
        <div class="content">toto</div>
    </div>
   <div><div>blabla</div></div>
    <div><div>blabla</div></div>
</div>

Ma sortie doit être :
blabla
tata toto
blabla
blabla

J'ai essayé de mettre un float left sur "tata", avec les positionnements en relative, mais sans succès.
A priori je ne vois pas d'héritage CSS du CMS là dessus, je suppose donc que je m'y prends mal.
J'arrive à mettre 2 div côté à côté dans un flux xml plus simple, mais là je bloque.

Comment faire ?
Merci de votre aide.
Modifié par max-mag (07 Jul 2014 - 15:29)

Bonjour,

Tu peux regarder du coté de display:inline-block; pour les div .tata et .toto

http://jsfiddle.net/WPZbs/1/
Modifié par _laurent (07 Jul 2014 - 09:52)

Arf, je bataille, je bataille
Donc inline-block, c'est non, mais le traditionnel float left marche.
J'ai un problème d'héritage quelque part que je n'arrive pas à trouver.

Merci

Bonjour,

max-mag a écrit :
Arf, je bataille, je bataille
Donc inline-block, c'est non, mais le traditionnel float left marche.
J'ai un problème d'héritage quelque part que je n'arrive pas à trouver.
Merci

Qu'est-ce qui pose problème avec inline-block ?
Une page en ligne ?

J'ai trouvé des clear both un peu partout, non justifiés.
Je cherchais de l'héritage, en fait c'était les clear qui me mettaient la pagaille.

Merci de vos retours