在CSS中为同一个li标签设置2个位置

Question

我将通过PHP创建一个工作登录页面，但也要构建一个网站前端，以便用户能够导航。对于我的导航栏，我希望条形图在顶部是静态的并使其固定（我可以这样做）但我也希望一些文本位于导航栏的左上角（用于一般导航） ）和1个文本位于右侧（这是成员将登录的位置）。我希望我的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:right和float:left添加到要在左右对齐的类中。