Checkpoint · code-edit

block、inline、inline-block

只驗證本主題責任，不偷渡其他答案。

Checkpoint 要做什麼

只驗證本主題責任，不偷渡其他答案。

本主題檔案：files/index.html

定位：在 Computed 搜尋 display，先確認目標初始值為 block。

頁面不會替你修改檔案；請在實作檔完成後重新整理確認。

被測標籤是 block；旁邊另有固定 inline 與 inline-block 對照樣本。

runtime 的 computed display 由 block 變 inline-block；頁面另可指出 inline 不接受一般 width 的版面差異。

.badge { display:inline-block; width:8rem; }

只在本階段資料夾內操作，避免改到其他章節。

證據：runtime before=block、after=inline-block、property=display；另以 Elements 比較三個樣本的換行位置