Почему :after переносится на новую строку?

Question

[dmitriyivvvv]

Помогите разобраться почему псевдо элемент переносится на новую строку? По задумке он должен играть роль бордера в 1 пиксель сразу после каждого элемента меню.Ссылка на JSFiddle

Answer 1

[Вадим Кот]

https://jsfiddle.net/5gjfufub/3/

Answer 2

[kreoTech]

Пример рабочего варианта:

.dropdown-item {
  position: relative;
}
.dropdown-item:after {
  border: 1px solid #e1e1e1;
  content: "";
  display:block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}