无法在同一行显示2个列表项

Question

当我添加2个li代码时，当您查看我的网站时，我无法将它们显示在同一行。我该怎么办？

Answer 1

使用CSS声明＆＃34;显示：内联＆＃34;。

Answer 2

假设您有两个列表：

1. 按类命名列表，这种情况： list-1 和 list-2

   //HTML
   <ul class="list-1">
     <li>Here</li>
     <li>There</li>
   </ul>
   
   <ul class="list-2">
     <li>Sand</li>
     <li>Rope</li>
   </ul>
   

1. 在css部分中，声明 display：inline-block

   //CSS
   .list-1, .list-2
   {
      display: inline-block;
   }