HTML4 межстрочный интервал

Question

У меня возникли проблемы при попытке уменьшить расстояние между строками. Изменение высоты строки ничего не делает.

<p><span style="color: rgb(137, 137, 137); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; line-height: 18px;"> ★</span> iPhone Investor</p>
<p><span style="color: rgb(137, 137, 137); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; line-height: 18px;"> ★</span> iPad Investor</p>
<p><span style="color: rgb(137, 137, 137); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; line-height: 18px;"> ★</span> Brokers' client</p></div>

Спасибо за любую помощь

Answer 1

Вы можете уменьшить межстрочный интервал, применив line-heightстиль к p элемент, а не span элемент.

Вот полный рабочий пример:

.spacing {
  line-height: 18px;
}

.star {
  color: rgb(137, 137, 137);
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
}

<p class="spacing">
  <span class="star"> ★</span> iPhone Investor
</p>
<p class="spacing">
  <span class="star"> ★</span> iPad Investor
</p>
<p class="spacing">
  <span class="star"> ★</span> Brokers' client
</p>

Answer 2

Я не уверен, но я думаю, что вы имеете в виду поле, которое по умолчанию добавляется в теги p.

Все p у тегов есть поле снизу, что-то вроде 15px; Вы можете переопределить это с помощью следующего...

CSS в файле...

p { margin-bottom: 5px; }

или встроенный

<p style="margin-bottom: 5px"></p>