Html 锚定在整个页面上，而不仅仅在文本上

我目前正在努力使我的主页看起来更好，并且更容易在慢速互联网上下载

以前我使用图像作为文本，这使得加载速度变慢。 现在我试着使用真实文本。问题是锚定跨越了页面的整个宽度，而不仅仅是文本

链接至第页：

如何使链接在文本末尾“停止”，但仍使文本在第二行溢出，显示为：block；做 目前的设置在手机等小型设备上运行良好，但问题是锚扩展太远

CSS

示例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>

我建议将外部跨距显示为：block，clear:left。将float:left添加到.klubb范围，然后减少其填充/边距

因为所有元素都是块级别的，所以无论您在哪里使用

display:block使其
显示：内联块<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>