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:
Ver original<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>