Высота блока и текста

@Adigezalov · Регистрация: 23.06.2016

Author24 — интернет-сервис помощи студентам

Как сделать высоту занимаемую тегом <p> равной высоте шрифта?
Начал верстать сайт для себя (www.adigezalov.com) и столкнулся с такими проблемами
1. В Chrome на Ubuntu не отображаются подключаемые шрифты на внешнем хостинге (на локальном все норм). В той же мазиле все норм.
2. Отключены все паддинги и марджины, но при установке размера текста в пикселяк, получаю высоту блока больше установленного размера, мне нужно, чтобы высота блока была ровно такойже, как и текст.
3. У слова гироскутеры выставляю высоту текста 80px, но размер блока удивительным образом становится 77px, при том, что показывает его выше, чем текст.

Написал сумбурно, но думаю понятно)))

@thedude · 20.01.2017, 19:13

2. Сделать элемент inline-block как вариант:
https://jsfiddle.net/cduh4rjp/

HTML5

1
2
3

<p>
<span>ТЕКСТ</span>
</p>

CSS

1 2	p { border:1px solid green; } span {background:red; font-size:100px; display:inline-block;}

@Adigezalov 2 / 2 / 2 Регистрация: 23.06.2016 Сообщений: 73
		1
	Высота блока и текста 20.01.2017, 18:14. Показов 5795. Ответов 1 Метки нет (Все метки) Как сделать высоту занимаемую тегом <p> равной высоте шрифта? Начал верстать сайт для себя (www.adigezalov.com) и столкнулся с такими проблемами 1. В Chrome на Ubuntu не отображаются подключаемые шрифты на внешнем хостинге (на локальном все норм). В той же мазиле все норм. 2. Отключены все паддинги и марджины, но при установке размера текста в пикселяк, получаю высоту блока больше установленного размера, мне нужно, чтобы высота блока была ровно такойже, как и текст. 3. У слова гироскутеры выставляю высоту текста 80px, но размер блока удивительным образом становится 77px, при том, что показывает его выше, чем текст. Написал сумбурно, но думаю понятно))) 0

	20.01.2017, 19:13

Высота блока и текста

Решение