Positionierung top und bottom innerhalb eines div-Elements

[Viennamade]

Hallo!

Ich habe ein div. Innerhalb dieses div sollen 2 weitere Platz finden, eines ganz oben, das andere ganz unten. Ich habe es so probiert:

<div style="border:1px blue solid;height:300px;width:200px;">
  <div style="position:relative;border:1px green solid;top:0px;">geh nach oben!</div>
  <div style="position:relative;border:1px green solid;bottom:0px;">geh nach unten!</div>
</div>

Wie macht man das korrekt?

Besten Dank!
Viennamade