Phân biệt `display: block`, `inline` và `inline-block`?

Ba giá trị display này quyết định phần tử tham gia luồng bố cục thế nào:

• block: <div>, <p>, <h1>, <section> — chiếm hết bề ngang có sẵn, nằm chồng theo cột.
• inline: <span>, <a>, <strong> — chỉ rộng bằng nội dung, chảy trong dòng văn bản; đặt width/height vô nghĩa.
• inline-block: lai — nằm cùng dòng như inline nhưng nhận width/height và margin/padding dọc như block. Hợp cho nút, item menu ngang cần kích thước cố định.

Lưu ý: layout hiện đại thường dùng flex/grid cho việc sắp xếp, nhưng ba giá trị nền tảng này vẫn quyết định hành vi mặc định của từng thẻ.