嗨,我想正确地将我的内容放在容器内,但我不知道该怎么做。我试过了text-align : center
。
我怎样才能做到这一点 ?
HTML
<div id="Contacts" data-bind="foreach: viewModel.contacts()">
<div class="title">
<div class="container">
<small> <span class="red"> NEW CONTACT</span> </small>
<a href="#" data-bind="text: $data.Title()"></a> <br>
<a href="#" data-bind="text: $data.Title()"></a> <br>
</div>
</div>
</div>
CSS
.container {
width: 940px;
margin-left: auto;
margin-right: auto;
zoom: 1;
}
.title {
width: 540px;
height : 30px;
margin-bottom: 10px;
background-color: #F9F7F7;
border: 1px solid #e4e4e4;
position: absolute;
}
没有居中
我想要的居中版本(近似值):