Sheet vraagje

Heeey!

Ik was een sheet aan het coderen (don't ask why), en ik kwam een probleempje tegen. Ik wilde namelijk ervoor zorgen dat de drie kleinere div's links van het grote div'je komen, en  dat het grote div'je naast die kleinere word geplaatst.
Het ziet er nu zo uit:

Dit is mijn code:

Code:

<div align="center"><div style="width: 600px; height: 650px; background-color: #585D6E; border: 1px solid black"><div align="left"><div style="width: 100px; height: 25px; background-color: #ffccff; text-shadow: 0px 0px 10px; box-shadow: 6px 4px 6px; margin-top: 40px; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; position: relative;">[size=18]Text[/size]</div></div>
<div align="left"><div style="width: 100px; height: 25px; background-color: #ffccff; text-shadow: 0px 0px 10px; box-shadow: 6px 4px 6px; margin-top: 45px; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; position: relative;">[size=18]Text[/size]</div></div>
<div align="left"><div style="width: 100px; height: 25px; background-color: #ffccff; text-shadow: 0px 0px 10px; box-shadow: 6px 4px 6px; margin-top: 55px; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; position: relative;">[size=18]Text[/size]</div></div><div align="right"><div style="width: 400px; height: 450px; background-color: #E3D3DD; margin-top: 60px; overflow: auto; border: 1px solid black; text-align:left; position: relative;"></div></div></div></div>

Ik wil dus die grote roze verplaatsen naar boven. Zoals je in de code kunt zien, staat de margin-top op 60px. Dat is dus niet de oorzaak.

Alvast bedankt!
-Izza

Spoiler:

Code:

<div align="center"><div style="width: 600px; height: 650px; background-color: #585D6E; border: 1px solid black"><div align="left"><div style="width: 100px; height: 25px; background-color: #ffccff; text-shadow: 0px 0px 10px; box-shadow: 6px 4px 6px; margin-top: 40px; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; position: relative;">[size=18]Text[/size]</div></div>
<div align="left"><div style="width: 100px; height: 25px; background-color: #ffccff; text-shadow: 0px 0px 10px; box-shadow: 6px 4px 6px; margin-top: 45px; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; position: relative;">[size=18]Text[/size]</div></div>
<div align="left"><div style="width: 100px; height: 25px; background-color: #ffccff; text-shadow: 0px 0px 10px; box-shadow: 6px 4px 6px; margin-top: 55px; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; position: relative;">[size=18]Text[/size]</div></div><div align="right"><div style="width: 400px; height: 450px; background-color: #E3D3DD; margin-top: -200px; overflow: auto; border: 1px solid black; text-align:left; position: relative;"></div></div></div></div>


Bedoel je dit? Want dat lag namelijk wél aan de "margin-top:60px;" (die ik veranderd heb in "margin-top-200px;") :'3 Je kunt de "margin-top:-200px" aanpassen als je vind dat het tekstvlak niet op de juiste hoogte staat ^^

Ah!
Dankje xD
Deze is opgelost