No sé si estoy complicándome la vida. Lo único que quiero es que la parte donde aparece el porcentaje con color de fondo, aparezca alineado a la derecha, al igual que los números de arriba. Estoy usando display:flex
y justify-content:right
, que entiendo que debería desplazarme todo el contenido a la derecha, pero no es así.
<div style="max-width:20%;display:flex;flex-wrap:wrap;">
<p class="old-price" style="width:100%;text-decoration: line-through;text-align:right;">19.99€</p>
<p class="current-price" style="width:100%;font-size:18px;text-align:right;margin-top:4px;">24.99€</p>
<div style="display:flex;flex-wrap:wrap;justify-content:right;width:100%;">
<div style="background:#ff5454;display:flex;padding:3px;margin-top:4px;width:55px;justify-content: right;" class="current-discount">
<p style="margin:auto;color:white;font-weight:500;">+21%</p>
</div>
</div>
</div>