Ответы пользователя по тегу HTML
  • Почему надпись не выравнивается по центру по вертикали(визуально приподнята на 2 пикселя вверх)?

    @AlexSus
    Если я правильно понял, что вам нужно, то добавьте vertical-align: middle; к тексту кнопки:

    .menu-button a {
    	font-weight: 800;
    	font-size: 15px;
    	color: #fff;
    	text-transform: uppercase;
    	text-decoration: none;
    	line-height: 40px;
    	vertical-align: middle;
    }

    Кстати line-height: 40px; вообще не работает, пока вы не укажите для тега a - display:inline-block;.
    Если вам прямо нужно получить текст высотой 15px и чтобы родитель при этом был ровно 40 пикселей без указания его размеров, то финальный css будет такой:

    .menu-button a {
    	font-weight: 800;
    	font-size: 15px;
    	color: #fff;
    	text-transform: uppercase;
    	text-decoration: none;
    	line-height: 15px;
    	display:inline-block;
    	vertical-align: middle;
    }
    Ответ написан
    Комментировать