CSSのサイトコンテンツを中心にするには、FlexBoxメソッドまたはグリッドメソッドのいずれかを使用できます。FlexBoxメソッドの場合、Display：Flex：Flexにコンテナ要素を追加し、Align-Items：Center and Justify-Content：Centerを追加することにより、垂直および水平方向の両方で子要素を中央に配置する必要があります。Align-Itemsプロパティは、Child Elementsを垂直に中心にし、Justify-Contentプロパティは子要素を水平方向に中心にします。

使用できるコードの例は次のとおりです。
`` css
。容器 {
  ディスプレイ：Flex;
  Align-Items：Center;
  justify-content：center;
}
`` `
グリッドメソッドを使用することを好む場合は、上記のコードで「ディスプレイ：flex」を `display：grid`に置き換えるだけです。
To center site content in CSS, you can use either the flexbox or grid method. For the flexbox method, you need to add display: flex to the container element, and then center the child element both vertically and horizontally by adding align-items: center and justify-content: center. The align-items property centers the child element vertically, while the justify-content property centers the child element horizontally.

Here's an example of the code you can use:
```css
.container {
  display: flex;
  align-items: center;
  justify-content: center;
}
```
If you prefer using the grid method, you can simply replace `display: flex` with `display: grid` in the code above.