CSS/HTML Boîtes côte à côte

Avoir des problèmes pour récupérer mes 4 cases grises sont affichés sur la même ligne. La pensée, en leur donnant à chacun un 25% de la largeur, ils seraient automatiquement à chaque affichage d'un 1/4 de la taille de l'écran peu importe ceux résolution ou la taille de l'écran. Obtenez les 3 premiers, mais le quatrième, on descend sur la ligne suivante. Toutes les idées sur la façon de forcer tous sur la même ligne?

HTML

<div class="b1"></div>
<div class="b2"></div>
<div class="b3"></div>
<div class="b4"></div>

CSS

.b1, .b2, .b3, .b4{
display:inline-block;
position: relative;
margin: 5px;
float:left;
width:25%;
height:400px;
background-color: lightgrey;

}

OriginalL'auteur rthrdyjd ryjrydjg | 2013-09-26