title: How to place a specific span in center of a div?
body: <p>I have a div that contains 3 span so how can i place a span in center of div using css class ( Laptop/Mobile both case need auto center )</p>
  
  <pre><code>    &lt;div class="caption" &gt;
      &lt;i class="fa fa-sun-o" aria-hidden="true"&gt;&lt;/i&gt;Day &lt;span class="day"&gt;1&lt;/span&gt;
      &lt;span class="dot"&gt;Happy&lt;/span&gt;
      &lt;span class="t-day"&gt;Oct. 26, 2016&lt;/span&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Here i need class="t-day" in center. Please help for( mobile and laptop auto center)</p>