在div层中如何让页面等比例排列且有padding、居中等样式

在100%的div层中如何让多个列表模块同等大小排列且内容有padding居中等样式，这个问题困扰很久，脑子一直没转过弯来。还有就是在多个列表模块同等大小排列且内容图片居中显示。如何解决呢，那就是需要添加两个div层。那么css怎么写呢：如

.navlist  .siderlist{

width: 25%;

float: left;

}

.navlist  .siderlist  .card{

margin: 10px;

padding: 15px;

background-color: #FFFFFF;

}

在第一个div中设置宽度、高度大小浮动样式，第二个div层中设置padding、margin、居中样式就可以了。