Как сделать положение элементов в строчку?

Question

[Ivan Ivanovich]

Здравствуйте. Как сделать положение элементов в строчку:

<menu>
<a href="#"><li>пункт меню</li></a>
<a href="#"><li>пункт меню</li></a>
</menu>

Answer 1

[Martovitskiy]

a {
  display: inline-block;
}

Answer 2

[danilr]

лучше всего уже на флексах верстать:

menu {
  display: flex;
}

Comments

[Ivan Ivanovich]

danilr А почему именно лучше флексами?

[danilr]

Ivan Ivanovich, больше гибкости с элементами flex-child( в данном случае это элементы с тегом а).
Например, вы можете их развести по сторонам, выравнять по высоте, отцентровать по центру блока.

menu{ // отцетровка в середину блока и по высоте и по ширине
display: flex;
 align-items: center; 
 justify-content: center; 
}

[Ivan Ivanovich]

danilr, Но в таком случае элементы не идут в строчку.

[danilr]

Ivan Ivanovich, Может где-то опечатались со стилями? Вот ваш пример

[Ivan Ivanovich]

danilr, Да. Я всё это к menu a делал. Всё в порядке.