Разница между display: inline и display: inline-block для размещения списка горизонтально заключается в том, что первое свойство не позволяет контролировать высоту и ширину элемента, а второе позволяет это делать. 3
Display: inline преобразует элементы в строчные, которые следуют ходу строки и занимают только столько места, сколько необходимо для отображения их содержимого. 1 Такие элементы не создают разрывов строк ни до, ни после себя. 2
Display: inline-block, в отличие от первого свойства, не создаёт разрыва строки после элемента и позволяет ему располагаться рядом с другими элементами горизонтально, не нарушая макет страницы. 2 При этом можно задать определённую ширину и высоту элемента, сохранив верхние и нижние поля/отступы. 2
Таким образом, display: inline подходит для простого горизонтального размещения, а display: inline-block позволяет более детально настраивать отображение элементов, в том числе списков.