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.
หากต้องการจัดเนื้อหาไซต์ให้อยู่ตรงกลางใน CSS คุณสามารถใช้วิธี flexbox หรือ grid ก็ได้ สำหรับวิธี flexbox คุณต้องเพิ่ม display: flex ไปที่องค์ประกอบคอนเทนเนอร์ จากนั้นจัดองค์ประกอบลูกให้อยู่กึ่งกลางทั้งในแนวตั้งและแนวนอนโดยการเพิ่ม align-items: center และ justify-content: center คุณสมบัติ align-items จะจัดกึ่งกลางองค์ประกอบย่อยในแนวตั้ง ในขณะที่คุณสมบัติ justify-content จัดกึ่งกลางองค์ประกอบย่อยในแนวนอน นี่คือตัวอย่างโค้ดที่คุณสามารถใช้ได้: ```css .container { display: flex; จัดรายการ: กึ่งกลาง; ปรับเนื้อหา: กึ่งกลาง; } ``` หากคุณต้องการใช้วิธีกริด คุณสามารถแทนที่ `display: flex` ด้วย `display: grid` ในโค้ดด้านบนได้
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence