Лучший способ вертикального центра текста и кнопок

Question

В настоящее время я занимаюсь разработкой веб-сайта, но у меня есть вопрос относительно вертикального центрирования.

Я создал заголовок с логотипом и некоторым текстом логотипа. Как сделать так, чтобы и логотип, и текст находились точно в середине заголовка? Это также относится к разделам, где я хочу, чтобы текст/кнопки были посередине. Спасибо.

Вот код: -

Для заголовка я только должен был использовать относительное позиционирование, чтобы угадать, где середина. Но для разделов я использовал прокладку, которую я не уверен в этом.

Спасибо за помощь.

Answer 1

Это то, что я обычно сделать с помощью CSS, оберните IMG и текст в DIV, называйте, как как innerDiv

#innerDiv { 
width: 50%; 
margin: 0 auto; 
} 

Answer 2

Удалите поля из IMG заголовка и добавьте следующие строки в заголовок:

width: 100%; 
display: table; 
text-align: center;