<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.img-block {
max-width: 50px;
max-height: 50px;
}
.div-block {
float: left;
}
.img-container {
width: 250px;
margin: 0 auto;
}
.img-sub-container {
text-align: left;
display: inline-block;
background-color: #EEE;
}
</style>
</head>
<body>
<div class="img-container">
<div class="img-sub-container">
<div class="div-block">
<img class="img-block"
src="http://www.w3cschool.cn/style/download.png" />
</div>
<div class="div-block">
<img class="img-block"
src="http://www.w3cschool.cn/style/download.png" />
</div>
<div class="div-block">
<img class="img-block"
src="http://www.w3cschool.cn/style/download.png" />
</div>
<div class="div-block">
<img class="img-block"
src="http://www.w3cschool.cn/style/download.png" />
</div>
<div class="div-block">
<img class="img-block"
src="http://www.w3cschool.cn/style/download.png" />
</div>
<div class="div-block">
<img class="img-block"
src="http://www.w3cschool.cn/style/download.png" />
</div>
<div class="div-block">
<img class="img-block"
src="http://www.w3cschool.cn/style/download.png" />
</div>
<div class="div-block">
<img class="img-block"
src="http://www.w3cschool.cn/style/download.png" />
</div>
<div class="div-block">
<img class="img-block"
src="http://www.w3cschool.cn/style/download.png" />
</div>
</div>
</div>
</body>
</html>
【children_parent】
