Задать вопрос
XAKEPEHOK
@XAKEPEHOK
html

2 блока с одинаковым line-height и разным font-size. У меньшего font-size появляется отступ сверху. Откуда?

Нагляднее и удобнее посмотреть здесь jsfiddle.net/XAKEPEHOK/Ua6KZ/3/

выглядит это так


Откуда появляется отступ в блоке с датой?

На всякий случай, код приведу прямо здесь
.News { margin: 10px 0 10px; background: #d7f2ff;}
.News legend { display: block; background: #fff; border: 1px solid #BFCED6; padding: 0; margin: 0; height: 20px; }
.News legend span {display: inline-block; padding: 0 5px; margin: 0px; line-height: 20px;}
.News legend .snDate { font-size: 8px; background: #5fbeea; color: #fff;}
.News legend .snCaption { font-size: 14px; font-weight: bold; }​



<!DOCTYPE html>
<html>
    <head><title>Проверка</title></head>
    <body>
    <fieldset class="News">
        <legend><span class="snDate">29-05-2012, 13:03</span> <span class="snCaption">Ну почему? Откуда берется отступ сверху в блоке с датой?</span></legend>
        Porttitor auctor lacus etiam ultricies lacus natoque urna hac, tristique, cursus. 
    </fieldset>    
    </body>

</html>​
  • Вопрос задан
  • 2753 просмотра
Комментировать
Подписаться 8 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
titulusdesiderio
@titulusdesiderio
IT-специалист
незнаю откуда появляется но спасётесь 
vertical-align:top;
для этих span
jsfiddle.net/titulus_desiderio/6kCYS/
Ответ написан
3 комментария
3 комментария
@egorinsk
Хоть это уже 2 раза написали, напишу в третий. Всегда, когда вы пишете display: inline-block, добавляйте строчку vertical-align.
Ответ написан
Комментировать
Комментировать
@Chii
Посмотрела 3D инспектором (FF 12+)…
Мистика!
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Нужен человек с опытом работы с библиотекой SwiperJS
03 мая 2024, в 03:55
1000 руб./за проект
Скрипт для оценки ссылки через Virus Total
03 мая 2024, в 02:30
3000 руб./за проект
Переписать бота тг с питона на Go по ветке из гита
03 мая 2024, в 02:03
20000 руб./за проект
Ещё заказы