如何利用简单的css来实现图文都居中呢，可能是很多初学者都比较关注的问题，这里用一些简单的方法来实现，简单易学，现在就可以走起。学会即用。
工具/原料
dw软件
方法/步骤
1
首先我们要确定一个整体的范围，这次我们设置宽度为960px,使其居中，代码为：.dadeguihua { width: 960px; margin: 0 auto;}
2
下面加入每个小块的规划大小和图片的大小，代码为：.dadeguihua .xiaoguihua { float: left; width: 300px; padding: 0px 10px ; margin-top: 30px; }.dadeguihua img{ padding:0 100px;}
3
然后加入文字和图片的代码：.dadeguihua .xiaoguihua h3, p { font-size: 24px; font-weight: 300; text-align: center;}
4 
插入内容：
努力学习有未来
努力学习有未来努力学习有未来。
5
连续复制三次内容，也可以自己更改里面的内容。
6
我们在网页中看下效果。
上一篇：css如何让图片在div里居中