在CSS中，可以使用display: flex屬性將兩個li元素合并，以下是一個示例：

<ul>
  <li class="merged">合并的兩個li元素</li>
  <li>另一個li元素</li>
</ul>

.merged {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

在這個示例中，我們創(chuàng)建了一個帶有merged類的li元素，并將其display屬性設(shè)置為flex，這會將該元素的內(nèi)容轉(zhuǎn)換為flexbox布局，允許我們對其子元素進行更***的控制。

我們使用align-items: center;將子元素在垂直方向上居中對齊，并使用justify-content: space-between;在水平方向上平均分配空間，這樣，兩個子元素會在其父元素中均勻分布，并保持在垂直和水平方向上的對齊。

這種方法僅適用于將兩個li元素合并為一個具有特定樣式的塊，如果你需要更復(fù)雜的合并邏輯（合并多個li元素并自動排序），你可能需要使用JavaScript或其他更復(fù)雜的解決方案。