Html 下拉菜单对齐

我试图创建我自己的纯CCS+HTML下拉菜单。但下拉部分的对齐不正确，您可以在第页上看到这一点

CSS:

HTML:

如何在最后一个菜单项下对齐该部分？

您可以尝试以下CSS：

.language-selector > ul {
    position: absolute;
    clear: both;
    top: 35px;
    left: 37px;
}

#header-container > ul > li {
    display: inline;
    float: left;
    position: relative;
}

它应该会成功的

位置：相对位置；对于每个列表元素都特别重要，因为这是用于定位下拉菜单的内容

<ul>
    <li><a href="/">О программе</a></li>
    <li><a href="/videos/list.html">Курс</a></li>
    <li><a href="/faq.html">Помощь</a></li>
    <li><a href="/contacts.html">Контакты</a></li>
    <li class="language-selector">
        <a>Русский</a>
        <ul>
            <li><a>English</a></li>
            <li><a>Deutch</a></li>
        </ul>
    </li>
</ul>

.language-selector > ul {
    position: absolute;
    clear: both;
    top: 35px;
    left: 37px;
}

#header-container > ul > li {
    display: inline;
    float: left;
    position: relative;
}