将主菜单项对齐到右侧

Question

我有一个网站，我正在尝试将主导航栏中的所有菜单项对齐到右侧。下面是我想要实现的结果图像

我用CSS尝试过，但无法找到合适的技术。网站名称为obscot.com请帮助

Answer 1

为您的网站添加css文件的这个css底部

#masthead .main-navigation {

    right: 60px;
    text-align: right;

 }

Answer 2

如果您使用的是bootstrap，那么只需添加此类

即可

navbar-right

示例示例： -

   class="nav navbar-nav navbar-right" 

如果你想写行CSS，那就使用它。

.navbar li{

 float:right;
 display:inline;

}