Css 如何把两个ul放在一起？

我有两个ul，我需要将它们放在一行： 这是我的小提琴，我想做的是把所有的东西放在一排。有什么建议吗

 <nav>

     <div class="menu-topmenu-container">
       <ul id="menu-topmenu" class="menu">
          <li id="menu-item-53" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-53"><a href="#whatson">What’s On</a></li>
          <li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"><a href="">Collections &amp; Research</a></li>
          <li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-10 current_page_item menu-item-52"><a href="http://muzej.ba/visiting-us/">Visiting Us</a></li>
          <li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-50"><a href="">Learning</a></li>
          <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="">Get Involved</a></li>
       </ul>
    </div>       
     <ul class="second-row">
           <li><a href="">test</a></li>
          <li><a href="#">ONLINE SHOP</a></li>
       </ul>
    </nav>

使其

显示：内联

或

显示：内联块

您可以简单地添加

显示：flex至
nav
如以下示例所示：


nav{
浮动：对；
显示器：flex；
边缘顶部：10px；
右边距：25px；
}
李国荣{
显示：内联；
文字装饰：无；
}












使用此选项：

nav {
    float: right;
    margin-top: 10px;
    margin-right: 25px;
}
nav ul li {
    display: inline-block;
    text-decoration: none;
    width:auto;
}

nav ul {
    display: inline-block;
    width:auto;
}
div.menu-topmenu-container{
  display:inline-block;

}

应该足够了。
像这样的吗？