Haz todo lo posible por comprender el código bien antes de usarlo a tu trabajo si ttienes algo que aportar puedes dejarlo en la sección de comentarios.
Solución:
Puedes hacerlo así:
#content
position: relative;
#content img
position: absolute;
top: 0px;
right: 0px;
some text...
Coloque el div
relativamente, y coloque la cinta absolutamente dentro de ella. Algo como:
#content
position:relative;
.ribbon
position:absolute;
top:0;
right:0;
Mientras miraba el mismo problema, encontré un ejemplo.
Top Right Link Text
El truco aquí es crear un pequeño (utilicé GIMP) un PNG (o GIF) que tenga un fondo transparente (y luego simplemente eliminar la esquina inferior opuesta).
Puntuaciones y comentarios
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)