[SOLUCIONADO] Centrar pseudo elemento

[Mariano_Floyd]

Buenas, les traigo un problema que no consigo solucionar. Tengo una caja, al cual le agregue un pseudo elemento :before con el fin de lograr un efecto de cuña, pestaña, o como le llamen. El asunto es que no puedo lograr centrarlo verticalmente a la caja padre, queda centrado con respecto a al alto total del documento, pero necesito centrarlo al elemento padre. Aqui les dejo un ejemplo de mi problema:

http://codepen.io/anon/pen/gpFIH

[pzin]

Ponle a .content2 una posición relativa:

Código CSS:

.content2 {
  position: relative;
}
 

Así el elemento hace de referencia para la posición absoluta del pseudo-elemento.

[Mariano_Floyd]

Muchas gracias, funciono a la perfección. No sabia que había que agregarle una position para que haga de referencia. Aprendí algo nuevo hoy xD

[pzin]

Todas las posiciones hacen que el elemento haga de referencia, excepto la estática, que es la que tienen todos por defecto.

[Mariano_Floyd]

Esa lección me va a servir de mucho, ahora entiendo varias cosas que no sabia porque sucedían. Doy el tema como solucionado, muchas gracias pzin.