Как выровнять пространство между элементами списка

Question

Я хочу получить уменьшение межстрочного интервала между элементами этого списка. Я попробовал line-height:1.5em;, но не сработало. На изображении вы можете увидеть, как оно выглядит, и там немного больше места, чем я хочу. Как я могу это контролировать?

Вот что я попробовал

    <ul class="list-unstyled" style="line-height: 1.5em;">
                  <li>
                    <strong>
                      <h4 for="">Car Detail:</h4>
                    </strong>
                  </li>
                  <li>
                    Engine:
                    <mat-form-field>
                      <input type="number" matInput placeholder="">
                    </mat-form-field>
                  </li>
                  <li>
                    Torque:
                    <mat-form-field>
                      <input type="number" matInput placeholder="">
                    </mat-form-field>
                  </li>
                  <li>
                    Top Speed:
                    <mat-form-field>
                      <input type="number" matInput placeholder="">
                    </mat-form-field>
                  </li>
                  <li>
                    Target Speed:
                    <mat-form-field>
                      <input type="number" matInput placeholder="">
                    </mat-form-field>
                  </li>
                  <li>
                    Total Cost:
                    <mat-form-field>
                      <input type="number" matInput placeholder="">
                    </mat-form-field>
                  </li>
        </li>
</ul>

Answer 1

Добавьте стиль к вашему тегу li, как показано ниже

ul li {
  height: 30px;
}

Рабочий Stackblitz

Answer 2

Похоже, что между ними есть интервал li, поэтому чтобы уменьшить расстояние между ними, используйте

li { line-height:1rem;}

Или вы можете использовать стиль li как

<li style="line-height:1rem" > </li>

Answer 3

Метки полей должны быть в контейнере, это может дать вам больший контроль над ними, тогда вы можете установить одинаковое значение margin-right для создания соответствующего интервала.