Отступ у заголовка H1 слева

melkozaur
На сайте с 06.04.2010
Offline
505
3824

Вот, на скриншоте видно что сам заголовок (буква В) начинается как бы с небольшим (~2px) отступом слева, откуда он взялся?

Всякие reset.css пробовал подключать, сам тоже там в h1 добавлял margin: 0; padding: 0; - не помогает. Остальной текст (ниже) нормально примыкает к левому краю, а вот заголовок почему-то смещается.

Самое смешное, что где-то год назад у меня было нечто подобное и я решил этот вопрос, но совершенно не помню, как.

Серверы в NL/US со скидкой 30% нашим читателям: E5-2650v4/10GB DDR4/240GB SSD/1 Gbps - от $20: https://ua-hosting.company/vps/nl SEO без компромиссов: https://seoleaks.net SEOLEAKS - продвижение сайтов: https://www.instagram.com/seoleaks
barabash
На сайте с 30.04.2011
Offline
71
#1

Попробуйте сделать шрифт заголовка такого же размера как и текста что примыкает. Если отступ останется - значит он где то есть, если отступа не будет - значит это место занимает шрифт и отступ создается у самого шрифта. В таком случае через псевдоклас ":first-letter" сделайте минусовой отступ.

F7
На сайте с 26.05.2014
Offline
44
#2

Покажите урл.

Z0
На сайте с 03.09.2009
Offline
757
#3

Без сайта сложно посоветовать что-то, надо код смотреть. Можете в личку скинуть, гляну, если надо 🍿

Или проверьте отступы у внешних/внутренних элементов около заголовка...

S4
На сайте с 26.07.2007
Offline
183
#4

Может дело в самом шрифте, как он называется? Сам с версткой на вы, но может там бордер белый установлен или смещение по абсолютному позиционированию, хотя вы, вероятно, это уже проверяли.

Проверенные KVM NVMe VPS ( https://hosthatch.com/a?id=200 ) в Нидерландах, Швеции, Норвегии, Австрии и США с гарантированным ресурсом CPU - от $2,5/м за 1GB RAM, 10GB NVMe SSD Пожалуй, лучший веб-хостинг в России ( https://beget.com/p415216 ) (30 дней на тест)
[Удален]
#5

-webkit-margin-before посмотрите

reset.css

всегда юзайте нормалайз, а не ресет

V
На сайте с 30.06.2016
Offline
2
#6

Вот ваш вопрос и решение, вроде как.

http://stackoverflow.com/questions/28809771/left-space-on-first-letter-css

Верстка сайтов, адаптация под Wordpress, DLE.
melkozaur
На сайте с 06.04.2010
Offline
505
#7

Да, похоже шрифт. Странно, вроде Open Sans, дофига где используется. Я че-то все же так и не врубился нафига создатели шрифтов делают такую хрень, ведь ясно же, что в вебе никакие отступы не нужны.

I2
На сайте с 07.03.2015
Offline
38
#8

тогда подвиньте ваш заголовок на пару пикселей☝


h1 {
position:relative;
left: -2px;
}
Качественная верстка PSD макетов (/ru/forum/974524)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий