yangshun/front-end-interview-handbook

difference between inline and inline-block should include discussion about replaced / non-replaced elements

Open

#160 opened on Jan 15, 2019

View on GitHub
 (2 comments) (0 reactions) (0 assignees)JavaScript (37,729 stars) (5,420 forks)batch import
help wanted

Description

It is reasonable to answer this question only regard non-replaced elements, since for replaced elements, display inline or inline-block are actually (almost?) the same. But without mentioned of replaced elements, its answer is a bit misleading, somehow.

Contributor guide

Tech stack
htmlcss
Domain
documentation
Issue type
documentation
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
1
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
CSS display properties
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
85
Research direction
The current answer for the difference between inline and inline block in the front end interview handbook likely focuses on non replaced elements. You need to add a note explaining that replaced elements (e.g., images, video, inputs) behave similarly under both display values, so the discussion primarily applies to non replaced elements. Refer to the CSS specification or MDN documentation on replaced elements for accurate wording. The change is localized to the specific answer in the repository.