Пытаюсь максимально простыми средствами сделать некую круглую "лампочку", для этого в коде страницы написал •, а в CSS создал стиль .lamp {font-size:300%;}. Проблема в том, что чем больше становится "лампочка", тем больше "раздувается" ее контейнер, плюс съезжает вертикальная ориентация с соседним текстом. Как лучше всего сделать подобный трюк?
Картинка http://puu.sh/mNKim/99011932b4.png
Ответ
Достаточно задать высоту линии.
.lamp {
font-size: 16px;
line-height: 16px;
}
"Раздувает" именно line-height, корректировать нужно его.
Комментариев нет:
Отправить комментарий