在CSS中，可以使用display: inline-block;屬性將兩個li元素放在同一行，以下是一個示例：

<ul>
  <li style="display: inline-block;">Item 1</li>
  <li style="display: inline-block;">Item 2</li>
</ul>

在這個示例中，兩個li元素都設置為display: inline-block;，這意味著它們將以內(nèi)聯(lián)塊的形式呈現(xiàn)，共享一行，你可以根據(jù)需要調(diào)整它們的寬度、高度和其他樣式屬性。

如果你希望兩個li元素之間的間距更大，可以使用margin屬性來增加間隔：

<ul>
  <li style="display: inline-block; margin-right: 20px;">Item 1</li>
  <li style="display: inline-block; margin-left: 20px;">Item 2</li>
</ul>

在這個示例中，margin-right和margin-left屬性分別用于增加兩個li元素之間的水平間距，你可以根據(jù)需要調(diào)整這些值。

使用display: inline-block;屬性時，元素之間可能會有一些額外的間距，這是由HTML中的空白字符（如空格、換行符等）引起的，為了消除這些間距，可以使用CSS的vertical-align屬性來對齊元素：

<ul>
  <li style="display: inline-block; vertical-align: top;">Item 1</li>
  <li style="display: inline-block; vertical-align: top;">Item 2</li>
</ul>

在這個示例中，vertical-align: top;屬性用于將兩個li元素的頂部對齊，從而消除垂直間距。