html导航栏分开左边和右边

要将导航栏分为左右两部分，可以使用CSS的flex布局。首先，将导航栏包含在一个父元素内。然后，设置父元素的display为flex，并使用justify-content属性将左侧部分靠左对齐，右侧部分靠右对齐。下面是一个示例代码：

<style>
    .nav {
        display: flex;
        justify-content: space-between;
    }
    
    .left {
        text-align: left;
    }
    
    .right {
        text-align: right;
    }
</style>

<div class="nav">
    <div class="left">
        <!-- 左侧部分的内容 -->
    </div>
    <div class="right">
        <!-- 右侧部分的内容 -->
    </div>
</div>

在上面的代码中，左侧部分用类名为“left”的div元素表示，右侧部分用类名为“right”的div元素表示。你可以将它们替换为适合你的类名或选择器。