CSS - Cómo agregar esta clase de diseño a mi web!

[AbMorales]

Tengo una duda que necesito aclarar,
estoy empezando en está rama del desarrollo web y me gustaría crear dentro de los títulos de algún menú que haga, hacer algo como esto

http://www.templatemonster.com/properties/features/premium-templates/#gref

en esa página aparecen ventas de plantillas web, y lo que quiero aprender a hacer cómo hacer la parte en donde ponen el precio ($138 por ej.) de la parte que está en azul y todavía parece que la flecha se va atrás de la imagen.

(No se si me explico) pero por lo menos quisiera saber cómo se llama es propiedad para realizarlo.

Muchas gracias de antemano.

[Mariano_Floyd]

Hola, es bastante simple lo que quieres hacer. Te dejo el pen que acabo de hacer para que veas el código, se puede hacer de distintas formas pero yo te recomiendo uses pseudo-elementos como los que utilice aquí para ello: http://codepen.io/MarianoArg/pen/LGRabr

[AbMorales]

Muchísimas gracias!! Es justo lo que buscaba!
Pero, lo mismo se puede hacer si quiero que en un lugar <div> sea un <article>?

[Mariano_Floyd]

Si, se puede hacer, fíjate que estoy trabajando con clases no con una referencia directa a un elemento del DOM.

[Rafael]

Muy mono el código de ejemplo Mariano.

[Mariano_Floyd]

Muchas gracias Rafael.