css — как регулировать такую форму, как наследование

#html #css

Вопрос:

 <ul>
<li><a href="{{ route('dashboard') }}">Panel</a></li>  
<li><a href="{{ route('contact') }}">Contact</a></li>
<li><form style="display: inline;" method="POST" action="{{ route('logout') }}">
  <button type="submit">Logout</button>
 @csrf
</form></li>
</ul> 

Это мои коды. Но мне кажется, что ниже:

введите описание изображения здесь

Как я могу так поступить:

введите описание изображения здесь

Если я использую button и form вместо a этого, это не аккуратно. Если вы мне поможете, я буду рад.

Комментарии:

1. Примените те же стили, которые вы применяете к ссылкам, а также к кнопке.

Ответ №1:

Вы можете использовать верхнюю часть поля. Например :

 margin-top: 5px;