html - 我怎样才能在CSS中的面板内制作小方框

Question

我的元素正在使用 zurb foundations 但我对此了解不多。

我需要这样设计布局。这是草图

Header 需要居中，小方框内的文字也应该居中。

这是我试过的

http://jsfiddle.net/utnobcL1/

盒子应该在 300 宽度，400 高度

Answer 1

http://jsfiddle.net/utnobcL1/2/

这里有一个快速模型。

.container {
    width:100%;
    border:1px solid black;
}

.box {
    width:100px;
    margin:auto;
    border:1px solid black;
    margin-top:10px;
}

.header {
    text-align:center;
    background-color:grey;
}

更新

http://jsfiddle.net/utnobcL1/4/