CSS: выравнивание элементов в div

Question

Начало работы с CSS и wordpress. У меня немного программирования, но я относительно новичок в веб-дизайне.

Я пытаюсь создать дочернюю тему в wordpress, и я хотел бы сделать что-то простое, например, отредактировать элемент заголовка, чтобы он был центрирован и рядом с логотипом. Сейчас он помещает его под логотипом в пределах custom-header div.

Я могу переместить его, отрегулировав дополнение или используя относительное позиционирование, но он чувствует себя не так, как использовать абсолютные значения. Я хочу сказать: «Поместите его на половину высоты последнего элемента и рядом с ним ». Я не совсем понимаю, как сказать это в коде, а тем более, как это сделать, просто переопределив файл style.css, а не отслеживая его точно.

Answer 1

Просьба проверить общий jsfiddle

.a { 
 
    text-align: center; 
 
    width: 100%; 
 
    float: left; 
 
} 
 

 
.a img { 
 
    display: inline-block; 
 
    vertical-align: middle; 
 
    margin-right: 20px; 
 
} 
 

 
.a p { 
 
    display: inline-block; 
 
    margin: 0; 
 
    vertical-align: middle; 
 
    font-size: 30px; 
 
    font-weight: bold; 
 
}

<div class="a"> 
 
      <img src="http://php.quicoto.com/wp-content/uploads/2013/06/css3.jpg" height="100" width="133"> 
 
      <p> Title of the page </p> 
 
     </div>

ссылку. Я закодировал html по вашему запросу.

Это то, что вам нужно?