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?
 คุณสามารถจัดกึ่งกลางเนื้อหาในแนวนอนได้โดยตั้งค่าระยะขอบซ้ายและขวาให้เป็นอัตโนมัติบนองค์ประกอบ: ```css .center { margin: auto; ความกว้าง: 50%; /* ตัวเลือก */ } ``` และจัดกึ่งกลางในแนวตั้งโดยการตั้งค่าระยะขอบบนและล่างให้เป็นอัตโนมัติและระบุความสูงคงที่: ```css .center-vertical { height: 100px; ระยะขอบ: อัตโนมัติ 0; } ``` หากต้องการจัดกึ่งกลางทั้งแนวนอนและแนวตั้ง ให้รวมทั้งสองเข้าด้วยกัน: ```css .center-both { height: 100px; ระยะขอบ: อัตโนมัติ; ความกว้าง: 50%; } ``` ทางเลือก คุณสามารถใช้ตำแหน่งสัมบูรณ์และด้านบน/ซ้าย 50% แล้วแปลเป็นกึ่งกลาง: ```css .center-both { ตำแหน่ง: แน่นอน; ด้านบน: 50%; ซ้าย: 50%; แปลงร่าง: แปล (-50%, -50%); } ``` สิ่งนี้มีข้อดีในการทำงานแม้ว่าองค์ประกอบนั้นจะไม่ทราบขนาด (ความสูง/ความกว้าง) มีอะไรอีกไหมที่เราสามารถช่วยคุณได้?
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence