[SOLUCIONADO] Ayudadme en posicionar un elemento con CSS

[blancoarnau]

Hola a todos. Soy un novato posicionando con CSS y estoy haciendo una pequeña prueba con CSS pero no tengo ni idea de como hacerlo. Quiero simplemente crear un div cuadrado con dos divs más pequeños que se muevan (uno de arriba a abajo y el otro de izquierda a derecha) y se encuentren en el medio. En realidad es más difícil de lo que parece porque este div quiero que se pueda usar en cualquier web, esté donde esté. Os he hecho un dibujo con la idea más o menos:



¿Alguien me puede ayudar? Gracias

Este el código que tengo escrito:

Código HTML:

<div style="height:700px; width:700px; border-style:solid;">
<div style="height:50px; width:50px; background-color:black;"></div>
<div style="height:50px; width:50px; background-color:black;"></div>
</div>
 

[Heli0s]

Con position:relative o position:absolute y despues modificando top y left podrás situar y mover los divs fácilmente, busca en google sobre esas propiedades y sabrás como hacerlo, es sencillo.

Un saludo

[blancoarnau]

Gracias por contestar. Por eso he especificado que quiero que funcioné en cualquier web. Porque si lo posiciono con position:relative se posicionará respecto la página y no respecto el div. Por lo tanto, depende de que página este, no me va a funcionar y los divs se saldran del grande. ¿O me estoy equivocando? No soy experto

[Heli0s]

Con position:absolute podría salir, con position:relative se posiciona respecto a su posicion por defecto, por lo tanto al menos que lo saques tu del div padre, no debe de variar su posición este en la página que esté.

Un saludo

[blancoarnau]

Ah de acuerdo. Muchas gracias :)