<ul class="list">
<li class="item">项一</li>
<li class="item">项二</li>
</ul>
<style>
.list {
display: flex;
flex-direction: row;
list-style: none;
}
.item {
margin-right: 10px;
}
.item:last-child {
margin-right: 0;
}
</style>

首先我们创建了一个

列表，并将两个
• 添加到其中。接着我们使用CSS的flex布局，将ul元素的display属性设置为flex，并将其flex-direction属性设置为row，即横向排列。我们还将list-style属性设置为none，以去除原本的列表符号。

  为了让列表项能够并排显示，我们将每个

• 元素的margin-right属性设置为10px。最后我们通过CSS的选择器添加了一个:last-child伪类，将最后一个
• 元素的margin-right属性设置为0，以保证两个列表项之间没有多余的间隔。

  通过以上步骤，我们成功实现了两个

• 并排显示的布局效果。