Block, Inline, inline-block Flashcards
Objective: to differentiate the roles of these three elements
Which of these “Elements” takes up a full width of a webpage by default
block
Which one has elements that stack on top of each other, never side by side
block
Which one always forces a new line
block
The height and Width can be changed
block
which one has functional padding and margins
block
This element can break over lines
inline
this element can be stacked side by side
inline
This element only takes up the width/height of the content
inline
These are Block Elements can appear on the same line, side by side
inline-block
<p>; <h1-h6> ; <divs> ; forms, lists and list items <ol><ul><li> are common examples of this element
</li></ul></ol></divs></h1-h6></p>
block
<spans> <img></img> and anchor tags<a> are common examples of this element
</a></spans>
inline
The display property has 4 common values
Block, Inline, Inline-block, None
What display value removes elements from the flow of a webpage?
display:none;
allows you to set the minimum and max values. Size can change but only up to the set point within the range
clamp()