私のhtmlページにロゴや部門間の不要なスペース

Question

があるなぜ私はロゴと分裂

の間に大きな間隔がここに私のHTMLコードだと削除する方法を知りたい：

<main class="site-main page-main"> 
 
    <center><img src="img/corelogo.png" alt="Post" height="180" width="180" style="position: relative; top: -210px;"></center> 
 
    <center> 
 
    <div style="font-family: Questrial; font-size:40px;">Government Files Download</div><br>

サイト

の写真

あなたが上にこのスペースを、それを配置する画像のプロパティを使用しているサイトのCSSあなたのCSSで

Answer 1

がでトッププロパティを設定することによるものであるマイナス

position: relative; 
top: -210px; 

ナビゲーションバーの上部にロゴを配置したいので、このプロパティをナビゲーションに設定する必要があります。

position: relative; 

とロゴのために、その後

position: absolute; 

このプロパティを使用し、トップを設定し、ヨーヨーのロゴ