title: How to align text to center this image?
body: <p>I have this sample:</p>
  <p><a href="http://codepen.io/anon/pen/LGgWLx" rel="nofollow noreferrer">link</a></p>
  <p><strong>CODE HTML:</strong></p>
  <pre><code>&lt;div class=&quot;col-md-4 tab-bottom&quot;&gt;
                      &lt;div class=&quot;tab-bottom-img&quot;&gt;&lt;img width=&quot;380&quot; height=&quot;380&quot; src=&quot;http://dg-design.ch/bagel/wp-content/uploads/2016/02/1-380x380.png&quot; class=&quot;attachment-news wp-post-image&quot; alt=&quot;1&quot;&gt; &lt;/div&gt;
                          &lt;div class=&quot;tab-bottom-content&quot;&gt;
                              SED PERSPICIATIS                            &lt;p&gt;Sed ut perspiciatis unde omnis iste natus error sit&lt;br&gt;
  voluptatem accusantium doloremque laudantium,&lt;br&gt;
  totam rem aperiam, eaque ipsa quae ab illo inventore&lt;br&gt;
  veritatis et quasi architecto beatae vitae dicta sunt&lt;br&gt;
  explicabo.&lt;/p&gt;
                          &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  <p><strong>CODE CSS:</strong></p>
  <pre><code>.tab-bottom-content {
      position: absolute;
    text-align:center;
      top: 0px;
  }
  </code></pre>
  <p>Image width and height will vary ... he should always be in the middle</p>
  <p>I tried to align text center but not working...</p>
  <p>Text must be aligned both horizontally and vertically.</p>
  <p>Can you help me to solve this problem please?</p>
  <p>Thanks in advance!</p>