bootstrapでcolの中で更に12分割し、そのcolの中にに文字が入っているようにして、それを中央に配置したい。

Question

前提

箱の中で、文章を中央配置したい。

bootstrapを使ってwebサイトを作っています。
下記コードの三行目の、class名にboxを持つdivタグをbackground-colorで配色して中央に配置し、その中で更に分割して、文章を中央に配置しようとしました。
bootstrapで解決できればようなと思いますが、正直、bootstrapにこだわっているわけでは無い故、cssのみでも可能な方法があればご教授頂けると幸いです。

発生している問題・エラーメッセージ

cssで文字の部分（下記コードで言うaaaaa）の部分をpタグで囲い、cssでpタグにtext-aligen:center;を適用したが、変化無し。

該当のソースコード

<div class="container-fluid mt-4">
      <div class="row justify-content-center">
        <div class="box col-sm-10 col-md-6 col-lg-4 ">
          <div class="boxer row justify-content-center">
            <div class="col-8 justify-content-center">
              aaaaa
            </div>
          </div>
        </div>
      </div>
    </div>

試したこと

インターネットで調べましたが、これといった成果は無く・・・

補足情報（FW/ツールのバージョンなど）

html/ css (bootstrap)

Answer 1

Bootstrap5.0.2で試しましたが、
5行目にtext-align: center;を指定すれば中央に表示されるようになります。
text-aligenは誤りです。