Problème de DIV (CSS)

Bonsoir, alors voila j'ai un petit problème de div car je voudrais faire 3 blocs distincts mais ca fait ceci :

http://www.heberger-image.fr/images/76561_Sans_titre.png.html

Je voudrais donc que l'image de "bière" soit en dessous de l'autre.

Voici mon CSS

div#contenu { 
    display: inline-block; 
    vertical-align: top; 
 margin-left: 15em; margin-right: 2em; 
 padding-top: 1em; padding-bottom: 1em; padding-left : 1em; padding-right : 1em; 
 background-color:#555555; 
 } 
  
div#CDroite { 
    display: inline-block;     
    vertical-align: top; 
 padding-top: 1em; padding-bottom: 1em; padding-left : 1em; padding-right : 1em; 
 background-color:#555555; 
 }  
  
div#CBas{ 
    display: inline-block;     
    vertical-align: bottom; 
 padding-top: 1em; padding-bottom: 1em; padding-left : 1em; padding-right : 1em; 
 background-color:#555555; 
 }