2个问题：居中div + CSS动画

Question

http://carloshermoso.com/works/rwd/

您好，

两个不同的问题：

1.-我有以服务为中心的问题。它们应该在左侧和右侧具有相同的边距，与页面其余部分相同。

id =“webDevelopmentServices”是3项服务。 class =“service”是每项服务。

2.-为什么CSS动画在Firefox中运行不正常？他们也没有在IE工作。在Chrome中虽然很流畅。

提前感谢一百万人！

Answer 1

试试这个

#mainContent #webDevelopmentServices .service {
    display: inline-block;
    font-size: 15px;
    line-height: 17px;
    margin: 0 2%;
    vertical-align: top;
    width: 21%;
}

使用display：inline-block;

删除“float：left”

在我的Firefox中，动画正在运行。 但是当然，css动画在早期的IE中不起作用，但这是一个众所周知的问题：）