Tengo el siguiente código de HTML que crea una caja con un producto "principal" para una tienda online
.C_tarjetahorizontal{
width: 50%;
border-radius: 6px;
overflow: hidden;
background-size: contain;
background:#fff;
box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
transition: all 400ms ease-out;
cursor: default;
}
<div class="C_tarjetahorizontal">
<div class="card">
</div>
<figure>
<img src="https://media.game.es/COVERV2/3D_L/172/172596.png" width="100%" alt="teclado">
<div class="contenido">
<span>
Producto <br>
Review del Producto
<br>
</span>
<a href="#"> comprar</a>
</div>
</figure>
</div>
No se si es por la imagen o algo que acomode mal, pero quiero que el texto se coloque del lado derecho y la imagen a la izquierda
.C_tarjetahorizontal
, debería ser a.card
. 2 - la etiquetafigure
debe estar dentro de.card
y.contenido
debe estar fuera defigure
..contenido { text-align: end; }
(?...