centrování DIVů v DIVu

Nějak jsi zapomněl uvést svůj kód.

pardon. Pravě jsem jistil že to záleží na tom kolik je v widget_text textu.

 <div class="body">
                  
                        
                        
                        <div class="widget">
                                  <div class="widget_img">
                                  </div>
                                  <div class="widget_title">
                                      <a>Cheese Wars jsou tu!</a>
                                  </div>
                                  <div class="widget_text">
                                     <a>Text text</a> 
                                  </div>
                                  <span class="widget_info">
                                    <a>Novinka</a>
                                  </span>
                        </div>
                        
                        <div class="widget">                            
                                  <div class="widget_img">
                                  </div>
                                  <div class="widget_title">
                                     <a>Cheese Wars jsou tu!</a>
                                  </div>
                                  <div class="widget_text">
                                      <a>Text text textText text textText text textText text textText text text</a> 
                                  </div>
                                  <span class="widget_info">
                                    <a>Novinka</a>
                                  </span>
                                
                        </div>
                        
                        <div class="widget">
                                  <div class="widget_img">
                                  </div>
                                  <div class="widget_title">
                                      <a>Cheese Wars jsou tu!</a> 
                                  </div>
                                  <div class="widget_text">
                                      <a>Text</a> 
                                  </div>
                                  <span class="widget_info">
                                    <a>Novinka</a>
                                  </span>
                                 
                        </div>
                </div>

.body {        
 height: 910px;
 text-align: center;  
}
.widget{
  margin: 70px 50px 20px 50px ;
  height: 510px; 
  width: 280px;   
  position:relative;   
  display:inline-block;
  text-align: left;
  box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.5);   
}

.widget_img{ 
 float:left;
 width: 280px;
 height: 280px;
 background-image:url('mouse.png');
}

.widget_title{
 position:relative;
 font-size: 22px;
 margin-left: 12px;
 margin-top: 290px;
 color: #018BAD;
}

.widget_text{
 font-size: 15px;
 margin-left: 12px;
 margin-top: 16px;
}

.widget_info{
 background-color: #00CCFF;
 color: #ffffff;
 font-size: 22px;;
 position:absolute;
 bottom:0;
 left:0;
 padding:5px
}