html - 如何在一行中有两个 div。右边和左边

Question

<div className="content">
 <div style={{ float: "left" }}> {pedido.nombre}</div> //name
 <div style={{ float: "right" }}> ${pedido.precio}</div> //price
</div>

它应该是左侧的名称和右侧的价格，但它保持在另一侧

在那里

标签： htmlcss

Answer 1

试试这个CSS：

.content { display: flex; justify-content: space-between; }

这样，两个 div 之间就会有空间，看起来应该不错。