Dodanie paska na górze strony i w stopce

CSS:

header {
  position: absolute;
  top: 0;
  background: white;
  width: 100%;
}

footer {
  position: absolute;
  bottom: 0;
  background: white;
  width: 100%;
}

HTML:

<header>pasek na górze</header>
<footer>pasek na dole</footer>

Okey, działa, a wiesz może jak wyśrodkować ten obrazek?

Bo ja próbowałem w CSS:

html, body {
  background: #0a3b9d;
  display: flex;
  align-items: top;           \*<--- te "top" probowalem zmienic na "center", ale wtedy też menu ucieka na sam srodek\*
  justify-content: center;
}

---

chodzi mi o to, żeby menu zostało na swoim miejscu a obrazek oddzielnie był sobie na środku ekranu.

text-align: center;

@up to nie to, wtedy wszystkie texty się środkują, patrz, zmieniłem CSSa w linku.

---

chodzi o obrazek (ten 100x100)

Autor poradził sobie z problemem. Nie wiem jak, ale udało mu się. ¯\_(ツ)_/¯

Problem został rozwiązany.