Html 两个导航栏，顶部一个右对齐，底部一个左对齐

我正在尝试创建一个与图中相同的导航栏。我对浮动有意见

要实现您想要的功能，您可以使

和
内联块显示在同一行中，然后将
上部导航
向右浮动，将
主导航
或
主导航
向左浮动。在下面的示例中，我使用了
类

下面是一个css的例子

ul, li{
  display:inline-block;
}
.upper_navigation{
  float:right;
}
.main_nav{
  width:100%;
  float:left; // if you want center change the float to text-align:center
}

这就是浮动导航的方法，因为您说过浮动有问题。这是您想要的输出。
这是您想要的输出吗


正文{
填充：0；
保证金：0；
}
.导航{
背景色：#00457C；
高度：50px；
宽度：100%；
}
.主菜单{
列表样式：无；
颜色：白色；
}
李{
浮动：对；
左边距：20px；
右边距：25px；
边缘顶部：10px；
字体大小：30px；
}

ABCDEF

项目1
项目2
项目3
项目4
项目5
项目6
项目7

请把你的一些code@MandarSant我现在没有任何CSS，我一直在尝试使用不同的版本，但都失败了。
ul, li{
  display:inline-block;
}
.upper_navigation{
  float:right;
}
.main_nav{
  width:100%;
  float:left; // if you want center change the float to text-align:center
}