Placement

When you want to center something inside a container, there is a class for that. Use .centered.

<div class="YOUR_CONTAINER">
	<div class="centered">
		<h1>We will be centered horizontally</h1>
		<p>And vertically</p>
	</div>
</div>

In the 3rd example you see that its still possible to bottom align another item within your container. Just give the container the following styles:

.YOUR_CONTAINER {
	display: flex;
	flex-direction: column;
}