Подтвердить что ты не робот

CSS: сокращение межстрочного интервала текста?

Мне трудно уменьшить расстояние между строками текста с помощью CSS line-height (или height - я пробовал оба).

У меня небольшая часть текста, и расстояние отключено. Я пробовал модифицировать стили, которые (появляются) применяются, а также вставлять текст в <span>...</span> и явно декларировать стиль. Кажется, что ничего не работает.

Сайт isa на сайте Wordpress с использованием темы "Lite" Pagelines. URL-адрес http://stage.dsthree.com, и проблема находится на первой странице (вы можете увидеть его в четвертом столбце текста, чуть ниже "email подписаться" в маленьком тексте - интервал между строками для этого текста отключен. Этот сайт не позволит мне опубликовать снимок экрана, так как я новичок здесь... извините.

Я уменьшил высоту линии до 1% и до 1 пикселя без эффекта.

Любая помощь, указания или предложения о том, как уменьшить пробелы, очень ценятся!

4b9b3361

Ответ 1

Встроенные элементы не выполняют такие свойства, как line-height; они берут высоту линии ближайшего родителя блока.

См. Fiddle

Решение: удалите высоту строки из тела или поверните пролет в блок (т.е. сделайте его div, не давайте display:block для диапазона).

Ответ 2

Добавьте 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 свойстве здесь.

Ответ 3

У вас есть line-height: 21px; В организме. Удалите это, и оно должно работать.