Отступ переполнения при загрузке

Question

У меня есть загрузочный вид дерева, где текст слишком длинный, чтобы поместиться на одной строке. Текст переходит на следующую строку, однако отступ применяется только к первой строке, а не ко второй. Смотрите скриншот текущей ситуации

То, чего я хочу достичь, - это следующий скриншот.

У кого-нибудь есть идеи, как этого достичь?

Answer 1

Я обернул текст внутри элемента «li» в элемент span, который содержит метку узла класса, тогда css выполнит эту работу:

          
    /*
        Align text in the consequent lines as well
    */
    .node-label {
        display: flex;
    }
    .node-tree > [class="icon glyphicon"] {
        display: none !important;
    }
    .list-group-item {
        display: flex !important;
    }

это пример того, как список должен быть структурирован

      <li class="list-group-item node-tree" data-nodeid="13" style="color:undefined;background-color:undefined;">
<span class="indent"></span>
<span class="indent"></span>
<span class="icon glyphicon"></span>
<span class="icon node-icon"></span>
<span class="node-label">Graduate Programs With Rotations</span>
</li>