[css] aタグを中央寄せしたい。

Question

前提・実現したいこと

現在ホームページを作っています。
aタグを中央寄せしたいのですが、それが出来なくて、困っています。

該当のソースコード

    <a href="b">b</a>
    <a href="c">c</a>
    <a href="d">d</a>
    <a href="e">e</a>
    <a href="f">f</a>

a{
    font-size: 18px;
    margin: 8px;
    text-decoration: underline;
    color: gray;
    align-items: center;
    width: 28cm;
}

試したこと

text-align:center;
として、やってみましたが、出来ませんでした。
margin: auto;
も出来ませんでした。

###補足情報
Visual Studio Codeを使っています。

Comments

[m.ts10806]

>出来ませんでした
実際に起きた現象を具体的に記載してください。
（画面キャプチャでも良いです）

[m.ts10806]

あと、どうなったら良いのかイメージ図もご提示ください

Answer 1

aタグはinline要素ですから囲んでいるタグのtext-alignで調整してください
なににも囲まれていないならとりあえずbodyです

<style>
body{
  text-align:center;
}
</style>
<a href="b">b</a>
<a href="c">c</a>
<a href="d">d</a>
<a href="e">e</a>
<a href="f">f</a>

Answer 2

div で囲ってみました

画面の真ん中にくればよいのですか？

<div class="test"> 
    <a href="b">b</a>
    <a href="c">c</a>
    <a href="d">d</a>
    <a href="e">e</a>
    <a href="f">f</a>
</div>

a{
    font-size: 18px;
    margin: 8px;
    text-decoration: underline;
    color: gray;
}

.test {
  display:inline-block;
  text-align:center;
  width:100%;
}