estoy teniendo un problema en cuanto al posicionamiento de un elemento
dentro de una caja. El problema seria que no logro ubicar el contenido del texto entre el titulo y el precio, sino que siempre me va a quedar en la esquina inferior izquierda por mas que intento recolocarlo. Adjunto código y una imagen para ser mas claro. Cualquier idea o ayuda será agradecida. De antemano muchas gracias.
div.contenedorCarta{
display: flex;
flex-flow: row wrap;
background-color: rgb(245, 245, 245);
width: 30em;
box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.2), 0 0.5em 1em 0 rgba(0, 0, 0, 0.2);
margin: 1em;
}
.contenedorCarta h3{
display: flex;
justify-content: center;
text-decoration: underline;
font-size: 1.5em;
height: 1.5em;
width: 70%;
}
.detalleProducto{
display: flex;
}
.precioProducto{
display: flex;
justify-content: flex-end;
font-size: 1.3em;
width: 40%;
height: 1.5em;
}