使用css在多个div中水平居中图像

Question

每当用户重新调整页面大小时，我都会使用css媒体查询调整一系列div。我能够把所有事情都集中在一起，但这并不一致。所有div应该具有相同的css以获得居中但是对于@media (max-width: 560px)媒体查询（最后一个），我必须这样做：

#game_box .text_holder {
    margin-left: 25px;
}

#kids_devotional_box .text_holder {
    margin-left: 0px;
}

#family_devotional_box .text_holder {
    margin-left: 0px;
}

我的问题是，为什么不是所有的边距都是一样的？如果我将它们全部设置为0px或25px，一些将关闭，而一些将居中。我在其他地方做错了吗？另外，请随时给我关于我的CSS的提示，因为我对它很新。

https://jsfiddle.net/dholl7213/kmkphavj/20/

Answer 1

使用边距和填充以及可能对您有帮助的所有％ 例如：

margin-right: 20%;