Why are the list items not placed horizontally?

Question

#MenuBar { background-color: #3399cc; height: 57px; width: 100%; } #MenuBar>ul { display: inline; text-transform: uppercase; list-style-type: none; }

 <div id="MenuBar"> <ul> <li>о компании</li> <li>услуги</li> <li>технологии</li> <li>портфолио</li> <li>статьи</li> <li>контакты</li> <li>заявка&#8594;</li> </ul> </div>

webDev_ webDev_ 2,288 one eight 20 · Accepted Answer · 2016-10-02T17:45:15

 #MenuBar { background-color: #3399cc; height: 57px; width: 100%; } #MenuBar>ul { display: inline; text-transform: uppercase; list-style-type: none; } #MenuBar>ul>li { display: inline-block; }

 <div id="MenuBar"> <ul> <li>о компании</li> <li>услуги</li> <li>технологии</li> <li>портфолио</li> <li>статьи</li> <li>контакты</li> <li>заявка&#8594;</li> </ul> </div>

Maxim Demyanyuk Maxim Demyanyuk 432 2 15 · Answer 2 · 2016-10-02T17:44:40

Understood forgot to refer to the elements of the list.

 #MenuBar { background-color: #3399cc; height: 57px; width: 100%; } #MenuBar>ul>li { display: inline; text-transform: uppercase; list-style-type: none; }

Why are the list items not placed horizontally?

2 answers 2

More articles: