Html 在同一列表元素中左右对齐文本

我想要一个列表元素，其中一个文本向左对齐，另一个文本向右对齐

我试过这个：，但它没有像我预期的那样工作，因为“点”在文本上方

我怎样才能做好呢

我的代码：

<ul>
    <li>
        <div style="float:left;">Pizza </div>
        <div style="float:right;">€ 20,00</div>
    </li>
 </ul>

披萨
€ 20,00

您忘记清除默认的

ul

样式。添加以下css：

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

在使用

float

时，也要设置

li

的布局：

ul li {
  overflow: hidden;
}

或使用

：在

伪元素之后：

ul li:after {
  display: block;
  content: '';
  clear: both;
}

ul{
列表样式：无；
填充：0；
保证金：0；
}
ulli{
溢出：隐藏；
}

披萨
€ 20,00

但我想使用

列表样式图像来显示每个元素上的图像。@MattiaF。就在左边还是两边？@MattiaF。看看这个。您可以用
背景图像
替换
背景色
。