CSS 上で header にて text-align:center; 指定しましたが color, img 共に反映されず別方法で中央揃えにしましたがエラー原因が分かりません。

CSS 上でのエラーがでたコードでございます。

<!------省略--------!>

header {
  background:#f59a00;
  color:#fff
  text-align: center;←エラー表示
}←エラー表示

<!--------省略--------!>

header 部分で 2 か所程エラー表示でてました。
そこで別方法で中央ぞろえ行ってみました。

<!------省略------!>

header h1,
header p {
  margin: 0;
  text-align: center;
}

header img {
  margin: auto;
  width: 280px;
  vertical-align: bottom;
  display: flex;
  align-items: center;
} 

<!------省略-------!>

要素別で中央ぞろえしてようやく中央揃えにしましたが動画通りに行うとエラー表示でた原因が分からないままでした。
まだ理解不足のような感じがしますのでご教授お願い致します。
a 要素は今から行います。
ブラウザは GoogleChrome でございます。