title: How to have two divs in one line. right and left
body: <pre><code>&lt;div className="content"&gt;
   &lt;div style={{ float: "left" }}&gt; {pedido.nombre}&lt;/div&gt; //name
   &lt;div style={{ float: "right" }}&gt; ${pedido.precio}&lt;/div&gt; //price
  &lt;/div&gt;
  </code></pre>
  
  <p>it should be name at left side and price on the right side, but it stays one side of the other
  <img src="https://i.stack.imgur.com/YCfBT.png" alt="enter image description here"></p>
  
  <p>right there
  <img src="https://i.stack.imgur.com/UyFvZ.png" alt="enter image description here"></p>