Firefox и first-letter

156

_DXlink

20 июля 2012, 11:05

816

Друзья, подскажите как решить проблему с отступами в first-letter, сверху и снизу в браузере Mozilla.

Код на странице:


<div class="TT">

<p>Текст</p>

</div>

Стиль такой:


.TT p:first-letter{

background-color: #e20b0c;

color: white;

float: left;

font-size: 1.8em;

margin: 1px 4px 0 0;

padding: 0 10px 0 10px;

}

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

Наглядно:

Как быть?

487

Geers

22 июля 2012, 02:37

#1

Если судить по этому коду и скринам:

.TT p:first-letter{
background-color: #e20b0c;
color: white;
float: left;
font-size: 1.8em;
margin: 1px 4px 0 0;
padding: 0 10px 0 10px;
}

То Лиса именно правильно его отображает.

Попробуйте поменять это:

padding: 0 10px 0 10px;

на это..

padding: 10px;

1

EA

70

e-art

22 июля 2012, 04:24

#2

попробуйте line-height еще

1

487

Geers

22 июля 2012, 04:27

#3

e-art:
попробуйте line-height еще

Зачем? это междустрочный интервал.

1

_

156

_DXlink

22 июля 2012, 12:13

#4

Спасибо, помогло задание line-height: 20px.