@Daimar
Кодим.

Как увеличить размер текста не изменяя размер его блока?

Когда увеличиваю размер TEXT, увеличивается и высота navbar'a, тем самым текст что с права не фиксируется ровно по line-height
Как увеличить TEXT так чтобы он не увеличивал navbar?

5b4b08c2b10c4725314271.png
  • Вопрос задан
  • 117 просмотров
Пригласить эксперта
Ответы на вопрос 3
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Ответ написан
Комментировать
@Nifontov
Можно сделать так и ограничить ширину, но это не верно, так как лого будет за границами поля https://codepen.io/anon/pen/djGvxB как тут.

Вам нужно создать контейнер с position: relative
а в нем лого задать position: absolute, тогда он привяжется к этому блоку и будет выбит из потока, соответственно не будет влиять на размер других элементов.

Так же вы можете не ограничивать ширину.
А например задать ей минимальное значение ( 70 px ) например или 100.
дисплей флекс и центрировать по центру, в таком случае вы сможете увеличивать текст у лого до границ контейнера!
Ответ написан
Комментировать
vetero4eg
@vetero4eg
Frontend
Выставите тексту и остальным пунктам одинаковый line-height. Отлично решит проблему line-height = необходимой высоте блока, если там вот такие короткие пункты и переносов не предвидится. Если не используете normalize или reset убедитесь что там нет лишних margin/padding. При использовании flex выравнивание по центру по высоте не должно быть проблемой вообще.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы