růžový a zelený element tam by mělo být 5 elementou které v kodu následují po sobě

To je gulášovitý popis. Ono taky záleží na tom, co v těch objektech bude. Pokud budou mít jenom nějaké pozadí (barva, obrázek - bez textu ap.), tak by to šlo takto:

<div style="width: 600px; height: 400px; border: 1px solid black; margin: 0 auto;">
	<div style="width: 400px; height: 300px; border: 1px solid black; background: green; margin: 20px auto;">
		<div style="width: 150px; height: 200px; border: 1px solid black; background: red;  margin: 20px auto;">
		</div>
	</div>
</div>