Block, Inline, inline-block Flashcards

Objective: to differentiate the roles of these three elements

1
Q

Which of these “Elements” takes up a full width of a webpage by default

A

block

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Which one has elements that stack on top of each other, never side by side

A

block

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Which one always forces a new line

A

block

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

The height and Width can be changed

A

block

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

which one has functional padding and margins

A

block

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

This element can break over lines

A

inline

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

this element can be stacked side by side

A

inline

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

This element only takes up the width/height of the content

A

inline

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

These are Block Elements can appear on the same line, side by side

A

inline-block

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

<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>

A

block

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

<spans> <img></img> and anchor tags<a> are common examples of this element
</a></spans>

A

inline

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

The display property has 4 common values

A

Block, Inline, Inline-block, None

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What display value removes elements from the flow of a webpage?

A

display:none;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

allows you to set the minimum and max values. Size can change but only up to the set point within the range

A

clamp()

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q
A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly