Logowanie

Line-height dodaje dodatkową wysokość.

pytanie zadane 1 marca 2019 w HTML i CSS przez JakuBB Nowicjusz (220 p.)

Cześć.

Chciałbym stworzyć nagłówek z nazwą firmy oraz menu. Gdy próbuję wyśrodkować tekst w pionie za pomocą line-height, to dodaje on dodatkową wysokość i środkuje się pod jej względem. Jak mogę to napisać, by tekst środkował się względem wysokości klasy header?

HTML

<body>
    <div class="header">
       <div class="logo">
          <h2>Firma</h2>
       </div>
       <ul class="menu">
           <a href="#">Home</a>
           <a href="#">O nas</a>
           <a href="#">Usługi</a>
           <a href="#">Kontakt</a>
       </ul>
    </div>
</body>

CSS

body 
{
    padding: 0;
    margin: 0;
    font-family: "montserrat",sans-serif;
}
.header 
{
    height: 100px;
    background: #353b48;
}
.logo 
{
    color: #fff;
    float: left;
    padding: 0 20px;
    line-height: 100px;
}
.menu 
{
    float: right;
    padding: 0 20px;
}
.menu a 
{
    color: #fff;
    text-decoration: none;
    padding: 0 10px;
    line-height: 100px;
}

1 odpowiedź

odpowiedź 1 marca 2019 przez pablop76 VIP (123,180 p.)
wybrane 1 marca 2019 przez JakuBB

Najlepsza

To jest problem związany z marginesami jakie dostaje z automatu nagłowek h1 oraz lista ul. Wystarczy je wyzerować. Umieszczenie linków w liście bez items to niepoprawna struktura.

komentarz 1 marca 2019 przez JakuBB Nowicjusz (220 p.)

Faktycznie wystarczyło wyzerować marginesy. Dzięki wielkie!

Podobne pytania

+1 głos

2 odpowiedzi 293 wizyt

Word Spacing parametr tekstu który może być na minusie

pytanie zadane 27 sierpnia 2021 w HTML i CSS przez Grzegorz Mikina Dyskutant (8,060 p.)

0 głosów

2 odpowiedzi 141 wizyt

Zmniejszenie wartości line-height

pytanie zadane 23 kwietnia 2017 w HTML i CSS przez medamis Użytkownik (660 p.)

0 głosów

0 odpowiedzi 541 wizyt

Jak zmienić "line-height" w wybranym <a href="#">?

pytanie zadane 9 kwietnia 2017 w HTML i CSS przez Patryk Sadkowski Nowicjusz (220 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Line-height dodaje dodatkową wysokość.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci