CSS Проблемы с навигационной панелью

Question

css код html код проблема У меня У меня было ужасное время, пытаясь исправить мой HTML / css код для отображения кнопки «Выход» рядом с панелью поиска, значком и остальными элементами панели навигации. Он идеально подходит, если я сделаю его тегом привязки, но, поскольку мне нужно, чтобы он был в форме, мне нужно, чтобы он был типом кнопки отправки. Единственная вещь, которая, кажется, работает - это дать ей отрицательное верхнее поле, что не идеально, так как чем больше вы сжимаете страницу, тем выше поднимается кнопка. Я понятия не имею, как это исправить, и мне отчаянно нужна помощь.

Answer 1

Установить отображение flex для элемента nav / chid рядом.

.navbar { 
     display: flex;
}

<div class="navbar">
    <a href="#">Link</a>
    <form action="#" class="navbar">
        <input type="text">
        <button>Button</button>
    </form>
</div>