Демонстрация списка с float

by webref

HTML

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

CSS

li {
  float: left;
  margin: 0 20px;
}