Как горизонтально центрировать несколько div в родительском div

Question

Я пытаюсь создать элемент управления, который содержит несколько div, и все div имеют горизонтальное выравнивание по центру. как показано ниже.

я был в состоянии иметь возможность плавать каждый Div с помощью CSS float:left свойства. которые дают что-то вроде этого

но когда-либо Див годов являются aligh оставили их родителей.

У меня есть одно альтернативное решение использовать javascript для размещения каждого div, но я хочу использовать css. Можно ли достичь этого с помощью css.

Заранее спасибо

Answer 1

Это может делать то, что вы пытаетесь:

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; 
} 

и the fiddle.