左右のマージンを設定して、要素を自動することにより、コンテンツを水平に中央に集めることができます。
`` css
。中心 {
  マージン：自動;
  幅：50％;/ *オプション */
}
`` `

上部と下のマージンを自動化し、固定された高さを指定することにより、垂直に中央にあります。
`` css
.Center-vertically {
  高さ：100px;
  マージン：Auto 0;
}
`` `

水平方向と垂直の両方を中心にするには、2つを組み合わせます。
`` css
.Center-Both {
  高さ：100px;
  マージン：自動;
  幅：50％;
}
`` `
オプションで、絶対的なポジショニングと上/左50％を使用して、中心に変換できます。
`` css
.Center-Both {
  位置：絶対;
  トップ：50％;
  左：50％;
  変換：翻訳（-50％、-50％）;
}
`` `

これには、要素に未知の寸法（高さ/幅）がある場合でも、機能するという利点があります。私があなたを助けることができる他に何かありますか？
You can center content horizontally by setting left and right margins to auto on the element:
```css
.center {
  margin: auto;
  width: 50%; /* optional */
}
```

And center vertically by setting top and bottom margins to auto and specifying a fixed height:
```css
.center-vertically {
  height: 100px;
  margin: auto 0;
}
```

To center both horizontally and vertically, combine the two:
```css
.center-both {
  height: 100px;
  margin: auto;
  width: 50%;
}
```
Optionally, you can use absolute positioning and top/left 50% and translate to center:
```css
.center-both {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
```

This has the advantage of working even if the element has unknown dimensions (height/width). Is there anything else I can help you with?