リンクの文字を画面(左右)中央に移動させてください。
文字をどちらに寄せるかは、text-align
を使います。(alignは並べるとかそろえるという意味です)
今回はaタグを中央(center)に寄せるので、
a {
text-align: center;
}
と書きます。
左寄せなら center
のところを left
に、右寄せなら right
にします。
ちなみに、いまaタグはdisplay: block;
となっていますよね。
これを display: inline
にしてみましょう。
すると、中央揃えにしたままなのに、中央にいなくなりました。
そうです、このtext-align: center;
というのは、'display: block;`に対して使えるのです。
display: block;
にすると横幅が画面一杯になるので、その中央におけるけど、
display: inline;
だと同じ行の中に収まってるので、中央という概念がないわけです。
最初はややこしいですが、たくさん使うので結構すぐに慣れるので安心してください:)