Что нужно сделать чтобы получилось как надо?

Question

[Айдар Золотухин]

Я пытаюсь сделать логотип и название сайта на одном уровне, но никак не получается.

Вот что получается, но мне нужно чтобы логотип был на одной линии вместе с текстом
Вот код:

<header>
        <div class="navbar navbar-dark bg-dark shadow-sm">
          <div class="container">
            <div class="logo">
                <class="logo_a"><img src="https://datais.cz/wp-content/uploads/2018/08/shield.png" height="20"></a>
                <a class="navbar-brand align-items-center" href="{%url 'home'%}">
                    <strong>Антивирусы</strong>
              
                </div>
                
                <nav class="d-inline-flex mt-2 mt-md-0 ms-md-auto">
                <a class="navbar-brand d-flex align-items-center" href="{%url 'home'%}">Главная</a>
                <a class="navbar-brand d-flex align-items-center" href="{%url 'comparison'%}">Сравнение антивирусов</a>
              </nav>

            </a>
          </div>
        </div>
    </header>

Comments

[Владислав Черненко]

Эт че такое?

Answer 1

[Aleksandr Kritskii]

.logo_a {
  display: flex;
  align-items: center;
}

Comments

[Айдар Золотухин]

А куда это добавить?

[Aleksandr Kritskii]

в идеале, в файл css
или здесь на странице между тегами <style></style>

https://codepen.io/kritskii-a/pen/vYgrBvx

Answer 2

[Yupiter7575]

Эмм в <.p> засунуть пытались? а вообще лучше все в картинку засуньте вместе с текстом