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

Question

<div> 
    <button>First button</button> 
    <button>Dynamically appear button</button> 
<div> 

У меня есть div, который я хочу сосредоточить в двух ситуациях, когда у него есть одна кнопка, и когда у нее две кнопки. Есть ли способ сделать это?

Я создал скрипку это http://fiddle.jshell.net/frqo0rsy/ Я хочу, что хочу я показать кнопку две кнопки будут рядом друг с другом, а также по центру. Надеюсь, теперь его более понятно.

Answer 1

Обработайте элементы, которые хотите центрировать, как inline или inline-block элемент и установите text-align: center на родительский элемент.

button { 
    display: inline-block; 
} 

div { 
    text-align: center; 
} 

Обновлено jsfiddle.

Есть другие способы сделать это в зависимости от того, чего вы пытаетесь достичь; ответы на вопрос this могут вам помочь.