Comment puis-je aligner horizontalement mes divs?

Question

Pour une raison quelconque, mes divs ne seront pas centrés horizontalement dans un div contenant:

<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js"> <div class="snippet-code">

</div></div>Et parfois, il y a un div de ligne avec un seul div de bloc dedans. Qu’est-ce que je fais de mal?

Answer 1

Pour réaliser ce que vous essayez de faire :

Envisagez d’utiliser `` à la place de `` .

Answer 2

Utilisation de FlexBox :

La dernière tendance est d’utiliser Flex ou CSS Grid au lieu d’utiliser Float. Cependant, certains navigateurs 1% ne prennent toujours pas en charge Flex. Mais qui se soucie vraiment des anciens utilisateurs d’IE de toute façon ;)

Violon: Vérifiez ici

Answer 3

Un autre exemple de travail, en utilisant et

HTML:

CSS:

Violon: http://jsfiddle.net/fNvgS/