Почему список не выравнивается по горизонтали?

Question

[Владимир Волохов]

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

<ul class="menu">
	<li class="menuText">Список вопросов</li>
	<li class="menuText">Список вопросов</li>
</ul>

.menuText {
			font-weight: inherit;
			/*text-align: center;*/
			margin-top: 5px;
			position: static;
			color: #222222;
			font-size: inherit;
			/*margin-bottom: 15px;*/
			/* margin-right: 25%; */
			/*margin-left: 4%;*/
		}
ul.menu {
			display: block;
			padding: 0 10px;
		}

Comments

[Ankhena]

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

Самый разумный на данный момент способ это задать для списка display:flex

.menu {
display:flex
}

Answer 1

[Gimir]

Задайте .menuText - display: inline-block;