如何在div的中心放置特定的跨度？

Question

我有一个包含3个跨度的div，所以如何使用css类（笔记本电脑/移动设备需要汽车中心）将div放在div的中心

    <div class="caption" >
    <i class="fa fa-sun-o" aria-hidden="true"></i>Day <span class="day">1</span>
    <span class="dot">Happy</span>
    <span class="t-day">Oct. 26, 2016</span>
    </div>

这里我需要在中心的class =“t-day”。请帮忙（手机和笔记本电脑汽车中心）

Answer 1

您可以使用CSS属性：vertical-align:middle;和text-align: center; http://www.w3schools.com/cssref/pr_pos_vertical-align.asp

http://www.w3schools.com/cssref/pr_text_text-align.asp

Answer 2

好的，这是CSS： （如果框没有在中间垂直对齐，则可以使用填充或行高属性）

.caption {
width: 100%;
display: inline-block;
vertical-align: middle;
text-align: center;
padding-bottom: 1px;
border: solid 1px red;
}