Disposer divs de sorte qu'il y ait une marge entre

Question

Dans le code HTML ci-dessous, je veux la troisième div de sorte qu'il est dans la même rangée que les deux premiers, mais avec un écart de 100px entre eux. Le code affiche les deux premiers div adjacents, ce qui est ce que je veux, mais le troisième div est affiché sous les deux premiers. Changer le style des deux premiers divs en quelque chose d'autre que float à gauche désactive le reste de la page.

Des idées?

<div class="maintitle"> 

<div style="float: left;"> 
</div> 
<div style="float: left;"> 
</div> 
<div style="float: left; margin-left: 100px;"> 
</div> 

</div> 

Answer 1

changer toutes les déclarations float: left; à display: inline-block; et vous devriez être bon d'aller.