Vertically align divs with equal space between them
<p>So I'm struggling to achieve this simple concept with CSS and i've also searched the entire internet but couldn't find anything. I think I'm just not wording it correctly so a visual image of what i'm trying to do is this: </p>

<p><a href="https://i.stack.imgur.com/JVSOR.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JVSOR.jpg" alt="enter image description here"></a></p>

<p>The top box should be positioned on top and the bottom one should be positioned at the bottom. Then the boxes in between them should have equal spacing on top and bottom. This is more like the vertical version of this answer: <a href="https://stackoverflow.com/a/6880421/7150896">https://stackoverflow.com/a/6880421/7150896</a></p>