我有以下 html（最小）模板：
<body>
<div class="container">
<div class="top"><img src="img/hyphen_top.png" width="177" height="150"/></div>
<div class="bottom"><img src="img/hyphen_bottom.png" width="117" height="6"/></div>
</div>
</body>
仅使用 css，我想将页面/屏幕中间的“顶部”div 和“顶部”div 下的“底部”div 对齐，边距顶部为 100px。我无法将顶部/底部以及主容器（“容器”）中的图像居中。
谢谢！
尝试这个：
.container {
text-align:center;
}
.bottom {
margin-top: 100px;
}
jsfiddle在这里：http: //jsfiddle.net/5xTLh/
这是一个小提琴
.container {
width: 600px;
margin: 20px auto;
border: 1px solid #333;
}
.top {
width: 300px;
margin: 20px auto;
text-align: center;
}
.bottom {
width: 300px;
margin: 100px auto 0;
text-align: center;
}