title: Align CSS content
body: <p>I have the following panel:
  <a href="https://i.stack.imgur.com/Ht1M3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ht1M3.png" alt="panel"></a></p>
  
  <p>And what I want is to centralize the circle charts inside the <code>td</code> of my table and keep it centralized when it turns to mobile. I'm having some issues trying to do that. This is how my code is:</p>
  
  <pre><code>&lt;div class="portlet-body row"&gt;
      &lt;div class="col-lg-12"&gt;
          &lt;h3 class="nome-rv"&gt;&lt;i class="fa fa-user"&gt;&lt;/i&gt; &lt;?=$_SESSION['nomeCompleto']?&gt;&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-4 col-sm-12"&gt;
          &lt;table class="table table-bordered tabela-meta"&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td class="grafico-situacao"&gt;
                          &lt;div class="c100 p100 orange big"&gt;
                              &lt;span&gt;100%&lt;/span&gt;
                              &lt;div class="slice"&gt;
                                  &lt;div class="bar"&gt;&lt;/div&gt;
                                  &lt;div class="fill"&gt;&lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;                     
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;PISO&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;3.500&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-4 col-sm-12"&gt;
          &lt;table class="table table-bordered tabela-meta"&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td class="grafico-situacao"&gt;
                          &lt;div class="c100 p82 big"&gt;
                              &lt;span&gt;82%&lt;/span&gt;
                              &lt;div class="slice"&gt;
                                  &lt;div class="bar"&gt;&lt;/div&gt;
                                  &lt;div class="fill"&gt;&lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;META&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;3.500&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-4 col-sm-12"&gt;
          &lt;table class="table table-bordered tabela-meta"&gt;                        
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td class="grafico-situacao"&gt;
                          &lt;div class="c100 p63 green big"&gt;
                              &lt;span&gt;63%&lt;/span&gt;
                              &lt;div class="slice"&gt;
                                  &lt;div class="bar"&gt;&lt;/div&gt;
                                  &lt;div class="fill"&gt;&lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;SUPERMETA&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;3.500&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>There are some classes but I'm not using them by now.</p>
  
  <p>Link to codepen: <a href="http://codepen.io/anon/pen/apNrxy" rel="nofollow noreferrer">http://codepen.io/anon/pen/apNrxy</a></p>
  
  <p>Any suggestion? Thanks!</p>