Placement

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

Header 1

test

Header 2

test

Header 3

test

html

<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:

css

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