在多个div

Question

我需要在多个div中对齐/居中H4标签。我尝试使用text-align：center;但是没有用。

<div data-href="http://codigomasivo.com.ar/dev/douglas/transmission/" tabindex="1" data-target="_self" class="linkarea clearfix accent1  background-transparent">
    <div class="first">
        <img src="http://codigomasivo.com.ar/dev/douglas/wp-content/uploads/2015/07/trans_green.png" alt="">
    </div>
    <div class="last"><h4 style="text-align: center;"><span style="color: #ffffff;">Transmission</span></h4>
    </div>
</div>

看这个图片：

我需要居中“传输”文本，是唯一不居中的文本。我的网址是http://codigomasivo.com.ar/dev/douglas/home/ 非常感谢

Answer 1

将padding: 20px;应用于.linkarea .first代替.linkarea，这样可以为您提供所需的效果。

Answer 2

不是一个混蛋，但你有2个悬挂部分，时间部分进入暂停部分。

Answer 3

使用此代码：

<div class="linkarea clearfix accent1 background-transparent">
    <div class="first" style="text-align: center">
        <img style="display: inline-block" src="http://codigomasivo.com.ar/dev/douglas/wp-content/uploads/2015/07/trans_green.png" alt="">
    </div>
    <div class="last"><h4 style="text-align: center;"><span style="color: #232323;">Transmission</span></h4>
    </div>
</div>