Zeilenabstand zwischen den Headern verringern?

Ich möchte 2 Überschriften nebeneinander haben und ich verstehe nicht, warum HTML automatisch Leerzeichen dazwischen fügt.
Ich möchte den Platz an den roten Pfeilen verschwinden lassen.Zeilenabstand zwischen den Headern verringern?

HTML

<body> 
     <h1>Der Gecko<h1>     
     <h2>(lat. Gekko gecko)<h2> 
    <body>

CSS

h1 {  
    opacity: 0.5; 
    background-color: #9B26AF; 
    color: #50ffffff; 
    font-size: 175; 
} 

H2 {  
    opacity: 0.5; 
    background-color: #68EFAD; 
    color: black; 
    font-size: 50;  
}

Quelle

2017-12-13 ThisIsCodeMaster

Versuchen Zugabe

margin: 0;

für beide Klassen.

h1 { 
 
margin: 0; 
 
border-width: 0; 
 
opacity: 0.5; 
 
background-color: #9B26AF; 
 
color: #50ffffff; 
 
font-size: 175; 
 
} 
 
h2 { 
 
margin: 0; 
 
opacity: 0.5; 
 
background-color: #68EFAD; 
 
color: black; 
 
font-size: 50; 
 
}

<body> 
 
    <h1>Der Gecko<h1>    
 
    <h2>(lat. Gekko gecko)<h2> 
 
<body>

Quelle

2017-12-13 20:19:01 Scath

Eigentlich ändern, funktioniert es ohne 'Grenz widh: 0;' – ThisIsCodeMaster

Aktualisiert ohne border-width: 0; – Scath

Was sind Ihre padding und margin-Werte? Probieren Sie es mit 0.

Quelle

2017-12-13 20:19:09 Michi12

Bitte fügen Sie Ihrer Antwort ein wenig mehr Kontext hinzu, da der Benutzer HTML/CSS-Markup und -Codierung neu versteht, wie zum Beispiel, dass wahrscheinlich mehr CSS involviert ist, was sich auf das gerenderte HTML auswirkt. – ronnyfm

in CSS die Überschrift Elemente wie block anzuzeigen. Ihre approch zu erreichen, sollten Sie seinen Stil Anzeige display:inline;

h1{ 
    opacity: 0.5; 
    background-color: #9B26AF; 
    color: #50ffffff; 
    font-size: 175; 
    display:inline; 
} 

h2{ 
    opacity: 0.5; 
    background-color: #68EFAD; 
    color: black; 
    font-size: 50; 
    display:inline; 
}

Quelle

2017-12-13 20:25:19 samehanwar

Zeilenabstand zwischen den Headern verringern?

Antwort

Verwandte Themen