アンカーはテキストだけでなく、すべてのページにまたがっています

Question

私は現在、私のメインページの見栄えを良くし、低速インターネットでダウンロードしやすくしています。

以前は画像をテキストとして使用していましたが、読み込みが遅くなりました。 今実際のテキストを使用しようとしています。問題は、アンカーがテキストだけでなく、ページの幅全体にまたがっていることです。ページへ

リンク：私は、テキストの末尾にリンク「停止」を作るが、それでもディスプレイなど2行目のテキストのオーバーフローすることができますどのように http://www.hoppvader.nu/index2.php

：ブロックを。ありますか？ 現在の設定は、小さなデバイスでは電話機として正常に機能しますが、アンカーが広すぎるという問題があります。

CSS

@font-face { 
    font-family: "Klubb"; 
    src: url(Manifest/sys/MonotypeCorsiva.ttf) format("truetype"); 
} 
span.Klubb { /* Text link */ 
     font-family: 'Klubb', Verdana, Tahoma; 
     font-size: 3.5vw; 
     font-weight: 900; 
     text-shadow: 0.5px 0.5px #FF0000; 
     color: black; 
     display: block; 
     padding-left: 150px; 
     margin-left: 40px; 
     margin-top:0px; 
     padding-bottom:20px; 
    } 
span.pLogga { /* Image on the left of text */ 
     float: left; 
     width: 160px; 
     text-align: center; 
     } 

サンプルHTML：

<span><a Style='text-decoration:none' href=UFK-Skelleftea.php><span class='pLogga'><img src=../Manifest/sys/Logga/UFK.gif alt='Umeå Skellefteå' height=50/></span><span class='Klubb'>Umeå fallskärmsklubb (Skellefteå)</span></a></span><br> 
<span><a Style='text-decoration:none' href=UFK-Umea.php><span class='pLogga'><img src=../Manifest/sys/Logga/UFK.gif alt='Umeå fallskärmsklubb Umeå' height=50/></span><span class='Klubb'>Umeå fallskärmsklubb (Umeå)</span></a></span><br> 

Answer 1

私は外側のスパン表示を行うことをお勧めしたい：ブロック、クリア：左。浮動小数点数を追加する：.klubbスパンに左端を置いて、その上の余白/余白を減らします。