From a17d75929d6a65644c309787f5d62b2bda6864db Mon Sep 17 00:00:00 2001 From: Trupti <92917582+Trupti0406@users.noreply.github.com> Date: Mon, 23 Dec 2024 19:50:01 +0530 Subject: [PATCH] Added "Use Cases" row to the comparison table. - Updated the table with a "Use Cases" row to make it easier for beginners to understand when to use each type. - Simplified explanations with relatable examples like buttons, text, and page sections. --- .../en-US.mdx | 1 + 1 file changed, 1 insertion(+) 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 ``.|