# 🏅 Day 3 - margin: 0 auto; 區塊置中

### margin: 0 auto;
用於讓**區塊**元素水平置中
**注意：需與 width 寬度搭配使用才會呈現區塊置中效果**

語法小講解：
`margin: 上下 左右;`
`margin: 0 auto;` -> margin 上下推擠 0px，左右 auto（自動分配推擠量）讓區塊元素可以置中

### 相關影音章節：
- CSS - 使用 CSS 變更 HTML 標籤特性

題目
---
複製此[模板](https://codepen.io/hexschool/pen/GReLZzZ)，讓整體 blog 區塊可以水平置中
（只需調整 CSS 區塊內 `＊` 的地方）
> 整體區塊寬度為 1296px

模板與解答皆有載入 CSS Reset 清除瀏覽器預設設定，
使用 Codepen 可直接在 `Settings > CSS > CSS Base > Reset` 設定

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）


<!-- 解答：
https://codepen.io/hexschool/pen/GReLoOw
-->

回報區
---
<!--
將答案貼至下方表格內，格式：
| Discord 暱稱 | [CodePen](連結) |
-->

| Discord | CodePen／答案 |
|:----------:|:--------------------:|
| xxx | [CodePen]() |