Мне трудно уменьшить расстояние между строками текста с помощью CSS line-height (или height - я пробовал оба).
У меня небольшая часть текста, и расстояние отключено. Я пробовал модифицировать стили, которые (появляются) применяются, а также вставлять текст в <span>...</span> и явно декларировать стиль. Кажется, что ничего не работает.
Сайт isa на сайте Wordpress с использованием темы "Lite" Pagelines. URL-адрес http://stage.dsthree.com, и проблема находится на первой странице (вы можете увидеть его в четвертом столбце текста, чуть ниже "email подписаться" в маленьком тексте - интервал между строками для этого текста отключен. Этот сайт не позволит мне опубликовать снимок экрана, так как я новичок здесь... извините.
Я уменьшил высоту линии до 1% и до 1 пикселя без эффекта.
Любая помощь, указания или предложения о том, как уменьшить пробелы, очень ценятся!
Встроенные элементы не выполняют такие свойства, как line-height; они берут высоту линии ближайшего родителя блока.
См. Fiddle
Решение: удалите высоту строки из тела или поверните пролет в блок (т.е. сделайте его div, не давайте display:block для диапазона).
Добавьте display:block и удалите height.
<span style="font-size: 75%; line-height: 16px; display:block">blog posts & occasional updates (updates max 1 every 14 days)</span>
Вы узнали больше о display:block свойстве здесь.
У вас есть line-height: 21px;
В организме. Удалите это, и оно должно работать.