将我的图像置于CSS中心

Question

我使用关键帧和动画创建了一个使用纯CSS的图像滑块，但是我尝试使用边距来固定我的图像：左右自动但它似乎没有中心它，我可以移动它给它实际的像素值。 继承我的CSS代码：

.slide {
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    width: em;
    padding: 3px;
    border-top: 2px dotted black;
    border-bottom: 2px dotted black;
}

下载HTML代码：

        <div id="slider">
            <img src="images/horse4.jpg" class="slide">
            <img src="images/horse3.jpg" class="slide">
            <img src="images/horse2.jpg" class="slide">               
            <img src="images/horse1.jpg" class="slide">
    </div>