html - CSS 中同一个 li 标签有 2 个位置

Question

我要通过 PHP 制作一个有效的登录页面，同时还要为用户构建一个网站前端，以便能够四处导航。对于我的导航栏，我希望该栏在顶部是静态的并使其固定(我可以做到这一点)，但我也希望一些文本位于导航栏的左上角(用于一般导航) 和 1 段文字位于右侧(这是成员(member)登录的地方)。我希望让我的 CSS 整洁，并避免使用多个值(I.E font-family: "name";)。

这是代码，我希望你能帮忙:

.siteNavigation ul{
    margin: 0px auto;
    padding: 0px 0px;
}

.siteNavigation li{
    margin: 0px auto;
    padding: 5px 20px;
    list-style: none;
    display: inline;
    **text-align: left;**
 }

.siteNavigation a{
    margin: 0px auto;
    padding: 0px 0px;
    text-decoration: none;
    color: #000000;
    font-family: "Armata";
}

#membersArea a{
    **text-align: right;**

如果不使用图片，我希望 CSS 能让你明白我想要什么: login example but with logo not text

Answer 1

我相信您正在寻找 CSS 上的 float 。您可以将 float:right 和 float:left 添加到您想要左右对齐的类中。