Ich versuche zuvertical-align: middle ein Div in einem anderen Div, aber aus irgendeinem Grund funktioniert es nicht richtig. Was mache ich falsch

#wrapper {
border: 1px solid red;
width: 500px;
height: 500px;
}
#block {
border: 1px solid blue;
width: 500px;
height: 250px;
vertical-align: middle;
}

<div id = 'wrapper'> 
<div id = 'block'> I'm Block </div>
<div>

PS:Dies ist nur ein Beispiel, also nein, ich kenne die tatsächliche Breite und Höhe der Divs nicht, da sie je nach Inhalt dynamisch sind. Bitte keine Randspitze: 125px oder Polsterungsspitze: 125px Antworten oder Antworten wie diese.