Демонстрация списка с inline-block

by webref

HTML

<ul>
  <li>Оранжевый</li>
  <li>Зелёный</li>
  <li>Синий</li>
</ul>

CSS

li {
  display: inline-block;
  margin: 0 10px;
}