Я работаю над приложением Meteor, используя StylusGrid (сетка flexbox) для моего макета и Transformicons для моей кнопки меню.
Как я могу вертикально выровнять этот h1?Вертикально выровнять h1 тег
HTML:
<header class="toolbar">
<section>
<div class="menu-button">
<button type="button" class="tcon tcon-menu--xcross" aria-label="toggle menu">
<span class="tcon-menu__lines" aria-hidden="true"></span>
<span class="tcon-visuallyhidden">toggle menu</span>
</button>
</div>
<h1>MyApp</h1>
</section>
<section class="links">
<a href="#">Help</a>
</section>
</header>
Я хочу, чтобы тег H1 находился в одной строке с кнопкой, вертикально центрированной.
Я установил правила сетки flexbox, чтобы он вертикально центрировал содержимое, которое отлично работает для кнопки меню и ссылки справки.
Но H1 неуместен. Как я могу это исправить?
Если мой ответ решил его, пожалуйста, отметьте его как правильный (зеленая галочка). –
Я буду, я просто жду, чтобы он позволил мне. Говорит 6 минут. – jkhoffman