这一段怎么实现

dtspsmine

这个头部怎么制作

dtspsmine

<div class="header">
    <div class="nav">
        <ul>
          <li><img src="images/img_nav-logo.png" alt=""></li>
          <li>
            <a href="index.html">首页</a>
          </li>
          <li>
            <a href="index.html">咨询</a>
          </li>
          <li>
            <a href="index.html">电竞比分</a>
          </li>
          <li>
            <a href="index.html">赛事直播</a>
          </li>
          <li>
            <a href="index.html">H币商城</a>
          </li>
          <li>
            <a href="index.html">APP</a>
          </li>
          <li>
            <a href="index.html">你好请<span>登录</span></a>
          </li>
        </ul>
      <div class="s">
        <ul>
          <li>HOME</li>
          <li>NEWS</li>
          <li>SCORE</li>
          <li>ESPORTS LIVE</li>
          <li>STORE</li>
          <li>DOWNLOAD APP</li>
          <li>登录后可进入个人中心</li>
        </ul>
      </div>
    </div>
  </div>

dtspsmine

.nav {
    height: 90px;
    width: 100%;
    background: #ffffff;
}
.nav a{
    color: #B69B72;
    font-size: 16px;
}
.nav li{
    list-style: none;
    float: left;
    line-height: 90px;
    padding: 0 28px;
}
.s{
    font-size: 10px;
    float: left;
    color: #B69B72;
}

dtspsmine

我是这样写的，怎么才能合并呢