HTML li 元素水平排列两种方法：Flex 和 Float

可以使用 Flex 布局或者 float 属性来实现，以下是两种方法的示例代码：

使用 Flex 布局：

<ul style='display: flex; list-style: none;'>
  <li>内容1</li>
  <li>内容2</li>
</ul>

使用 float 属性：

<ul style='list-style: none;'>
  <li style='float: left;'>内容1</li>
  <li style='float: left;'>内容2</li>
</ul>

注意，在使用 float 属性时，需要给 li 设置浮动后清除浮动，否则可能会影响后面的元素布局。可以使用 clearfix 方法清除浮动。