line-height одинаков в css, а визуально нет

warobushek · July 12, 2010

Заметил интересную особенность:

при подобном задании стилей. Просмотреть результат можно по адресу http://tri4.ax3.net/test.html

Там видно что текст который ниже налеплен. Как это можно объяснить?

Как исправить я вроде знаю для внутреннего блока задать line-height: 180%; и все. Но вот вопрос почему так.?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Заголовок</title>
<style type="text/css">
	body {font-size:24px;}
	div.cornered .inner {
		color:#33424A;
		font-size:0.7em;
		line-height:120%;
	}
	#content_text {
		color:#33424A;
		font-size:0.75em;
		line-height:120%;
	}
	div.cornered .inner  div {
		font-size: 1.42em;
	}
</style>
</head>
<body>
	<div id="content_text">
	 Подключение телевизионного приемника * (в подключение входят материалы и работы по монтажу,  включая прокладку кабеля до 20 п.м. стандартным способом,  проход 1 стены, настройка каналов в автоматическом  режиме). Возобновление предоставления услуг после приостановки действия договора в случае нарушения своевременной оплаты Абонентом предоставляемых услуг

	 <div class="cornered">
	  <div class="inner">
	   <div>
	   Абонентская плата  за полный пакет каналов (эфирные и спутниковые каналы) независимо от количества ТВ-приемников. Абонентская плата юридических лиц за полный пакет каналов (эфирные и спутниковые каналы) независимо от количества ТВ-приемников. Возобновление предоставления услуг после приостановки действия договора в случае нарушения своевременной оплаты Абонентом предоставляемых услуг. ПРИМЕЧАНИЕ: При отказе от подключения возврат денежных средств производится в размере 75% от первоначально внесенного на счет абонента аванса
	   </div>
	  </div>
	 </div>

	</div>
</body>
</html>

npofopr · July 12, 2010

120% 180% зачем?

уберите совсем или поставьте normal и не будет налипать

font-size: 1.42em; а почему em?

Edited July 12, 2010 by npofopr

warobushek · July 12, 2010

а почему em?

Т.к. 1.42em использую только для выравнивания размера шрифта вне блока и внутри него. А em - относительные единицы.

Поэтому выбрал em.

А что в этом не так?

Sign In

line-height одинаков в css, а визуально нет

Question

warobushek

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

npofopr

Link to comment

Share on other sites

warobushek

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information