Как расположить не нумерованный список в строку?

Question

[uni-sms]

Всем привет! Как расположить вот такую конструкцию в строку в рамках одного div?
https://jsfiddle.net/Lya43z0u/

Answer 1

[Андрей Федоров]

например ul {display: flex}

Comments

[uni-sms]

Спасибо! Пытаюсь учить html и css с помощью htmlacademy, но там про flex`s ни слова. А можете написать вариант с решением данного вопроса с помощью float или display?

[Андрей Федоров]

На htmlacademy это есть, просто в платных курсах. На flоat можно. Просто вам придется ширину элементов самому считать. И указать ее в процентах.

[uni-sms]

Андрей Федоров, у меня и есть платные) либо не дошел, либо не внимательно изучал. В любом случае, спасибо!

[mr_dev1l]

uni-sms,

.features ul li {
  float:left;
  width:33.33%;
  list-style:none;
}

[BB 8]

uni-sms, display: inline-block

flex'ы там раньше были доступны в платной подписке :)

[uni-sms]

BB 8, display: inline-block не работает.

[Андрей Федоров]

uni-sms, Работают, только нужно считать ширину li вручную и не забыть про межслованые отступы межу inline-элементами.

[BB 8]

uni-sms,

вот

https://jsfiddle.net/Lya43z0u/11/