Menu horizontal con css

[nobo]

Hola me gustaria crear algo asi:




Pero no se como hacer que coincida la talla con la talla del producto etc... Ni darle un padding al texto, solo para desplazar el texto a la derecha, pero manteniendo el Producto a la izquierda. No se si me explico.... Manteniendo el " Producto: "
tal y como se ve en la imagen. Pero dando espacio entre la "talla : " "unidad : " etc... E intentar que cuadre con el texto de abajo... No se como explicarlo.

Codigo CSS:

Código CSS:

.listacarrito ul li {
    display: inline;
    list-style-type: none;
}
 
.carritosimple ul li {
    display: inline;
    list-style-type: none;
    
    }
 

Codigo PHP:

Código PHP:

<div class="carritosimple">
          <ul>
          <li>Producto:</li>
          <li>Talla:</li>
          <li>Cantidad:</li>
          <li>Precio total:</li>
          </ul>
          </div>
          <?php do { ?>
          <div class="listacarrito">
          <ul>
          <li><?php  echo ObtenerNombreProducto($row_DatosCarrito['idProducto']); ?></li>
          <li>(<?php echo $row_DatosCarrito['strTalla']; ?>)</li> 
          <li><?php echo "x". $row_DatosCarrito['intCantidad']; ?></li>
          </ul>
          </div>
 

Gracias de antemano !