Текст элемента списка переносится под маркер, прежде чем он займет оставшееся место ⇐ CSS

[Anonymous]

Я пытаюсь переместить текст в элемент списка, но по какой-то причине текст перемещается в строку под маркером. В идеале я хочу, чтобы текст заполнял первую строку маркером, прежде чем он перенесется на следующую строку. Я не хочу использовать list-style-position: снаружи, так как не хочу иметь дело с маркером, находящимся вне контейнера.

.list-item { отображение: элемент списка; цвет фона: серый; ширина: 100 пикселей; позиция стиля списка: внутри; overflow-wrap: прерывание-слово; testlonglistitemtext