ヘッダー間の行間隔を減らしますか？

私はお互いの隣にある見出しを2つ持っていますが、なぜHTMLが間に空白スペースを自動的に追加するのか分かりません。
赤い矢印のスペースを消したい。両方のクラスにヘッダー間の行間隔を減らしますか？

margin: 0;

を追加

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;  
}

出典

2017-12-13 ThisIsCodeMaster

してみてください。

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>

出典

2017-12-13 20:19:01 Scath

にそのスタイルの表示を変更する必要があり、あなたのapprochを達成するために、それは国境widh 'なしで動作します：0;' – ThisIsCodeMaster

はボーダー幅なし更新：0; – Scath

あなたのパディングとマージンの値は何ですか？見出し要素はblockとして表示CSSに0

出典

2017-12-13 20:19:09 Michi12

レンダリングされたHTMLに影響するCSSが多分含まれている可能性があると説明しているように、HTML/CSSのマークアップとコーディングに新しいユーザーであるため、少し答えを追加してください。 – ronnyfm

でそれを試してみてください。は、あなたが実際に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; 
}

出典

2017-12-13 20:25:19 samehanwar

ヘッダー間の行間隔を減らしますか？

答えて

関連する問題