Центрируйте родительский div, когда ширина получает значение ширины дочернего div

Question

Как указано в названии, я хочу центрировать родительский div, где родительский div получает ширину всех своих дочерних div.

Это код, который я использовал, чтобы получить ширину ребенка дивы:

.parent 
{ 
    background-color: yellow; 
    display: inline-block; 
    font-size: 0; 
    /*How could I center this div? I used to do: margin-left: auto; margin-right: auto; 
    however for this I need to assign a fixed width. I want to assign the width of the 
    content inside the div.*/ 
} 

.child 
{ 
    height: 100px; 
    width: 100px; 
    border: 1px solid red; 
    display: inline-block; 
} 

Источник: http://jsfiddle.net/53me4f8e/

Как центрировать этот DIV?

Answer 1

Выровнять по центру текст родительского элемента, в данном случае, body. .parent отображаются как inline-block, что означает, что он ведет себя как строковый элемент, и поэтому в центре:

body{ 
    text-align: center; 
} 

Примечания, потому что text-align наследуется, вы можете вернуть выравнивание текста обратно в left (или right, в зависимости по выбору) для .parent:

.parent{ 
    text-align: left; 
    /* Other styles.. */ 
} 

JSFiddle

Answer 2

Это должно быть:

.parent{ 
display: block; 
text-align:center; 
} 

updated your fiddle