diff --git a/packages/quiz/questions/whats-the-difference-between-inline-and-inline-block/en-US.mdx b/packages/quiz/questions/whats-the-difference-between-inline-and-inline-block/en-US.mdx index 0974e79d3..755def29c 100644 --- a/packages/quiz/questions/whats-the-difference-between-inline-and-inline-block/en-US.mdx +++ b/packages/quiz/questions/whats-the-difference-between-inline-and-inline-block/en-US.mdx @@ -12,3 +12,4 @@ Let's also compare with `display: block` for completeness sake. | Can be aligned with `vertical-align` | No | Yes | Yes | | Margins and paddings | All sides respected. | All sides respected. | Only horizontal sides respected. Vertical sides, if specified, do not affect layout. Vertical space it takes up depends on `line-height`, even though the `border` and `padding` appear visually around the content. | | Float | - | - | Becomes like a `block` element where you can set vertical margins and paddings. | +| Use Cases | Layout elements like `
`, `

`, `

`. | Used for buttons, images, and form fields that need custom sizes but stay in line with text. | Links ``, text formatting ``, text styling - bold ``, italics ``.|