Edit in JSFiddle

<main>
  
  <div class="bloc">
    Je suis un élément de niveau bloc avec une hauteur et une largeur inconnue, centrée verticalement à l'intérieur de mon élément parent.
  </div>
    
  <div class="bloc">
    Je suis un autre élément de même type.
  </div>
  
</main>

body {
  background: #3e58aa;
  font-size: 80%;
  padding: 20px;
}
main { 
background: white;
width:100%;
padding:10px; 
text-align:center; 
}

div.bloc { 
background: #CCDCCD;
color: #3e58aa;
padding:20px; 
margin:20px; 
width:200px;
display:inline-block;
vertical-align:middle;
text-align:left; 
}