Удалить отступы под тегом H3

Question

Это, без сомнения, простой вопрос, но я не могу набрать его правильно в Google, чтобы найти ответ ...

в настоящее время у меня есть список с заголовком H3 над ним (который я не могу легко удалить, он автоматически генерируется cms) и выглядит примерно так

Headline
|
|
List stuff

и я хочу избавиться от труб. Кажется, они «встроены» в тег <h3>. Кто-нибудь знает, что свойство css в h3 избавит от этого?

Спасибо!

Answer 1

Все теги H1, H2 и H3 по своей природе имеют поля и отступы, добавленные браузерами.

Вы можете проверить это, поместив фон в теги H1, H2 и H3 в css и посмотрев в разных браузерах.

Чтобы удалить «расстояние между трубами», вам необходимо:

h3{
    padding: 0px;
    margin: 0px;
}

Затем вы можете добавить все, что захотите, поскольку CSS - это односторонний путь выполнения. Последующие значения CSS будут перезаписывать CSS базового уровня.

Answer 2

Еще одна опция, которая удаляет пространство под текстом, выглядит следующим образом:

h3 
{ 
    display:inline; 
} 

Answer 3

Попробуйте установить свойство стиля "border" на H3 на

border:0;

Возможно, что "труба" - это фактически граница заголовка, свойство границы-права, которое вы можете изменить или переопределить.

Альтернатива: Истинный канал, который генерирует CMS (я предполагаю, что вы проверили источник HTML, но это не тот случай, но стоит спросить)

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

Other Альтернатива: какое-то свойство содержимого CSS. Реже, так как большинство браузеров не поддерживают его.

Answer 4

В дополнение к ответу @Jonathan необходимо добавить:

p{
    padding: 0px;
    margin: 0px;
}

Это решило мою проблему.

Answer 5

Если каналы являются реальным текстом, вы не сможете избавиться от них без использования какой-либо формы JavaScript.

Если трубы являются фоновым изображением для H3, вы можете использовать их, чтобы избавиться от них:

h3
{
  background-image: none;
}