html 列表链接不起作用

Question

出于某种原因，我的导航列表不可点击(链接无效)，无论我在 #languagenav 类中键入哪个属性(即文本对齐:居中)，它都不会显示任何结果。我做错了什么？

网站链接:http://bit.ly/VSSoul

HTML:

<div id="content">
        <div class="languagenav">
            <ul class="languagenav">
                <li>English - Spanish</li>
                <li><a href"./booksdictengger.html">English - German</a></li>
                <li><a href"./booksdictengfre.html">English - French</a></li>
            </ul>
        </div>
</div>

CSS:

.languagenav li {
    display: inline;
    margin-left: 1em;
    font-size: 15pt;
    font-family: 'Dosis', Arial, sans-serif;
    font-weight: 500;
    color: #25271e;
}

.languagenav a {
    color: #6d0839; 
    text-decoration: none;
}

#languagenav {
    width: 100%;
    text-align: center;
}

同时我们也在做这件事。对于每本书，文本相对于图像居中，如何使文本与图像顶部对齐？

Answer 1

您缺少一个 =。没有这个，您的 HTML 无效。

<a href"./booksdictengger.html">

应该是:

<a href="./booksdictengger.html">

---

关于中心对齐问题，你的 CSS 规则是 #languagenav 而它应该是 .languagenav