Я создаю веб-сайт и хотел бы, чтобы в верхней части страницы находилось название организации go, включая название рядом с ним по центру.
Это код, который я использую в данный момент:
<div style="height: 10em; position:relative;">
<div>
<img style="float: left; margin: 25px 25px 25px 0;" src="images/svg/erv.svg" alt="ERV logo 2020" width="74" height="100" />
</div>
<h1 style="margin:0;position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%) ">
Evangelische Roze Vieringen Amsterdam</h1>
</div>
посмотрите здесь: это сайт, который я строю
Это работает хорошо, пока страница достаточно широка, но текст становится сверху изображения, когда экран меньше.
Очевидно, я хочу, чтобы текст оставался справа от lo go. Я понимаю, что мне нужно включить изображение в, но тогда текст не центрируется по вертикали ... так, кто может мне помочь здесь?
Спасибо,
Том