Placer des divs sur la même ligne

Question

Ok, donc j'essaye de mettre en place 5 divs pour arriver sous la forme d'un 'W'. vérifier ma vue pour obtenir une référence de ce que je veux dire ici: http://joshadik307.github.io. En ce moment j'utilise une table mais ce n'est pas efficace parce qu'elle ne fait pas exactement ce que je veux et va causer des problèmes quand j'essaye de reformater tout pour travailler sur différentes tailles d'écran.

Quoi qu'il en soit, sur mon site il y a 5 divs sous la forme d'un W juste en-dessous de l'en-tête. Je veux avoir ceux-ci afin qu'ils montrent toujours un W parfait (IE chacun des divs est toujours régulièrement espacé entre les deux ci-dessus ou ci-dessous) et de sorte que le W s'étire comme la taille de l'écran est élargie.

Answer 1

bloc Inline - le type d'affichage mal compris et sous-estimé:

<div class="w-wrapper"> 
<div class="callout">1</div> 
<div class="callout">3</div> 
<div class="callout">5</div> 
<div class="callout">2</div> 
<div class="callout">4</div> 
</div> 

CSS

.w-wrapper { 
    text-align: center; 
} 

.callout { 
    display: inline-block; 
    vertical-align: top; 
    width: 20%; 
    margin: 2em 5%; 
    border: 1px solid black; 
} 

http://jsfiddle.net/ryanwheale/jq6eyud2/

Answer 2

1- Créer quatre plongées de largeur égale

2- float les laissés

3- Créer taille égale divs dans chaque div avec des marges requises

par exemple dans la première partie supérieure de la marge div sera 0 et dans la seconde partie supérieure de la marge div sera maximum et ainsi de suite ....