Cần giúp đỡ về css center

Canh giữa thì bạn cho class wrap thuộc tính

Code:

margin: 0 auto;

Khi bạn fix kích thước như trên sẽ dc 5 div nhỏ nếu ko có border, nếu quá thì nó sẽ tràn xuống dưới chứ ko còn một hàng nữa.

Số lượng của mình ở đây chỉ tối đa là 5 thôi,
hiện tại nó đang mỗi đứa 1 hàng margin: 0 auto; cũng đâu có lên 1 hàng được, ko đơn gian vậy đâu bạn !

Bạn thử code nầy xem.

Code:

<style>
.wrap {
    text-align:center;
    width: 1020px;
    background-color:lightgray;
}

div {
    width: 200px;
    height: 50px;
    display: inline-block;
    margin: 0 auto;
    background-color: #F7BE81;
}
</style>
<div class="wrap">
    <div>one</div>
    <div>two</div>
    <div>three</div>
    <div>four</div>
    <div>five</div>
</div>

Mổi DIV con có width=200,tối đa là 5 DIV con thì DIV class="wrap" phải có width >1000 chứ..!!!???.

cái này thi cần hiểu rõ css
muốn đứng cùng hàng mà căn giữa thì phải inline-block

muốn căn giữa tức là căn 2 bên đều nhau. css phải biết độ rộng của
div con. cái này nó ko cố định.
nên cần jquery để xác định. độ rộng 1 phần tử * số phần tử = chiều rộng.
thêm con margin: auto là ra giữa ngay

muốn cho nó canh giữa:
.wrap{
margin:auto;
}
còn muốn div con nó nhảy lên cùng 1 hàng thì phải set thuộc tính float: left cho nó. Google cho dễ hiểu.