結論 等幅フォント名を総称ファミリーとあわせて指定する必要がある。 理由 以下のような総称ファミリー指定のみの場合は、代替フォントが望ましいものにならないことがある。 font-family: monospace; 具体的には VSCode(Windows) の指定は下記となっている。 font-family: 'Courier New', Consolas, monospace; VSCode(Mac) の指定は下記となっている。 font-family: Menlo, Monaco, 'Courier New', monospace; 参考 CSS で font-family: monospace 指定だと等幅フォントが適用されない？ - Neo's World 【2021年版】font-familyの正しい指定方法とおすすめフォント設定まとめ font-family - CSS: カスケーディングスタイルシート | MDN

HTML <div class="main"> <div class="container"> <div> </div> CSS .main { position: relative; } .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } 上記のように、position: relative;とposition: absolute;を使うことによって、要素を中央配置することができます！