cách xoay ngang giữa nhiều div trong div cha mẹ

Question

Tôi đang cố gắng tạo một điều khiển chứa nhiều div và tất cả các div là căn giữa theo chiều ngang. như hình dưới đây.

tôi đã có thể có khả năng nổi mỗi div sử dụng float:left tài sản css. trong đó cung cấp một cái gì đó như thế này

nhưng bao giờ div của đang aligh trái sang mẹ.

Tôi có một giải pháp thay thế để sử dụng javascript để định vị mọi div nhưng tôi muốn sử dụng css. Có thể đạt được điều này bằng css hay không.

Cảm ơn trước

Answer 1

Điều này có thể làm những gì bạn đang cố gắng để:

HTML:

<div class="parent"> 
    <div class="child">Element 1</div> 
    <div class="child">Element 2</div> 
</div> 

CSS:

.child { 
    display: inline-block; 
} 

.parent { 
    text-align: center; 
} 

và the fiddle.