[SOLUCIONADO] Mejor manera de hacer esto con CSS

[indie_rok]

Hola amigos.

Quiero hacer esta imagen en CSS



El menu ya lo tengo. La parte que tengo duda es "Lo que buscas a tu alcanze.

Se me ocurren 2 maneras de hacer esto.

1.

Código CSS:

.mensaje
{
       padding:30% 0 0 55%
}
 

2.

Código CSS:

.mensaje
{
      position:relative;
      top:30%;
      left:55%
}
 

Padding vs position relative.

Cual es mejor?

Tendran idea?

Saludos

[EmpireFX]

No se si soy yo... pero no veo la imagen, si utilizas padding tenes que tener en cuenta la estructura html de como lo armaste sino se puede deformar todo, si esta dentro de un div el mensaje utilizaria position:absolute y margin-left - right -top -buttom para posicionar el mensaje donde desee... usar top, right, left, buttom comprende las dimensiones del alto y ancho de la ventana.

Mas para leer: http://www.mclibre.org/consultar/ama..._absoluto.html

[Verkia]

Como dice EmpireFX yo también utilizaria position:absolute; y recuerda para usar position:absolute en un div, el div padre tiene que tener la propiedad position:relative;

Código CSS:

.div_padre_de_mensaje {
   position:relative;
}
 
.mensaje{
   position:absolute;
   right:0;
   top:30%;
}
 

[indie_rok]

Muchas gracias. lo Hago con absolute.

Saludo