带有链接的 HTML/CSS 列表在链接元素的末尾生成一个小“_”答案

【问题标题】：HTML/CSS List with Links generates a small "_" right at the end of the Link Element带有链接的 HTML/CSS 列表在链接元素的末尾生成一个小“_”
【发布时间】：2018-09-06 10:51:56
【问题描述】：

在我的新网站页脚区域，我遇到了LinkObjekt末尾有小线条的问题（最后找到一张图片希望你能看到它）。因此，处理后的网站页脚看起来像“Startseite _Pakete _ [...]”。还有一点是第一个“_”是与“Startseite”方向相同的链接（第二个“_”指的是“Pakete”）但“Startseite”和“_”之间的空格不用作链接.

你有什么解决方案可以解决这个问题吗？附上用于故障排除的代码。

.footer {
    grid-area: footer;
    background-color: #212121;
    margin-top: 5px;
    text-align: center;
}

.footer ul {
    overflow: hidden;
}

.footer ul li{
    display: inline;
    list-style-type: none;
    list-style: none;
    position: relative;
    margin: 0;
    padding-right: 50px;
    color: #0091EA;
}

.footer ul li a{
    color: #BDBDBD;
    text-decoration: none;
    transition: 0.5s;
}

.footer ul li a:hover{
    color: #0091EA;
    font-size: 24px;
    transition: 0.3s;
}

<div class="footer">
    <center>
       <div>
           <ul>
               <li><a href="index.php">Startseite</li>
               <li><a href="angebot.php">Pakete</li>
               <li><a href="uberuns.php">Über Uns</li>
               <li><a href="gallerie.php">Gallerie</li>
               <li><a href="termine.php">Termine</li>
               <li><a href="login.php">Login</li>
               <li><a href="kontakt.php">Kontakt/Impressum</li>
               <li><a href="disclaimer.php">disclaimer</li>
               <li><a href="#oben">Nach oben</li>
           </ul>
       </div>
   </center>
</div>

View on the problem

【问题讨论】：

标签： css html hyperlink html-table

【解决方案1】：

您缺少结束锚标记

<li><a href="index.php">Startseite</li>

对

<li><a href="index.php">Startseite</a></li>

【讨论】：

非常感谢，有时您太专注以至于看不到它的主要部分：D
您还有另一个错误。中心标签已弃用。因此，请改用 CSS。您可能还可以摆脱 DIV 包装器。 UL 可以是它自己的块。

【解决方案2】：

您没有关闭任何链接，因此它们之间的任何空间也将成为链接。

<ul>
                 <li><a href="index.php">Startseite</a></li>
                 <li><a href="angebot.php">Pakete</a></li>

...等等。您需要关闭a 标签。

【讨论】：