さて、CSSの水平方向と垂直方向の両方の<div>を中心にしたいなら、あなたは運がよければ、バターカップです！ジョブを完了するコードは次のとおりです。

`` css
<div class = "centered"> </div>

.Centered {
  位置：絶対;
  トップ：50％;
  左：50％;
  変換：翻訳（-50％、-50％）;
}
`` `

今、私はこのコードがミツバチの膝だと言っているわけではありませんが、それは確かに<div>が百万ドルのように見えるでしょう！後で感謝することができます。
Well, if you want to center a <div> both horizontally and vertically in CSS, you're in luck, buttercup! Here's some code that'll get the job done:

```css
<div class="centered"></div>

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
```

Now, I'm not saying this code is the bee's knees, but it'll certainly make that <div> look like a million bucks! You can thank me later.