Как расположить li в одну линию и чтоб они занимали полностью одну строку?

Question

[Nick Bukovskiy]

Есть 5 li нужно их расположить в одну линию без отступов просто в одну линию на всю ширину блока?

Comments

[Ankhena]

Выбранный вами ответ не вполне верен.
Сравните 2 списка: https://jsfiddle.net/4r2jb189/

Чтобы инлайн-блоки встали без отступов нужно еще обнулять шрифт ul, а потом возвращать его детям, т.е. li.
Из современных технологий подойдет флекс.

Answer 1

[Виталий]

ul{
font-size:0;
}
ul li{
font-size:14px;
display:inline-block;
width:20%;
margin:0;
padding:0;
}

Answer 2

[Дмитрий Ким]

li.width-20 {width: 20%; margin: 0; display: inline-block;}

Answer 3

[Антон Иванов]

ul {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}
li {
    position: relative;
    margin: 0;
    padding: 0;
}