Blog

Question 1:  Which display value makes an element disappear from the layout but still occupies space?

(A) none

(B) inline

(C) visibility: hidden

Question 2:  What happens when an element has display: none;?

(A) The element is hidden but still takes up space

(B) The element is removed from the layout and takes no space

(C) The element is visible but with lower opacity

Question 3:  What is the default display value of a <div> element?

(A) inline

(B) block

(C) inline-block

Question 4:  Which CSS property allows an element to remain in the layout but be invisible?

(A) display: none;

(B) opacity: 0;

(C) visibility: hidden;

Question 5:  What is the difference between inline and inline-block elements?

(A) inline-block allows setting width and height but inline does not

(B) inline elements always break onto a new line

(C) inline-block elements take up the full width

Question 6:  Which display value ensures that an element behaves like a block but does not start on a new line?

(A) inline

(B) inline-block

(C) block

Question 7:  What will happen if visibility: hidden; is applied to an element?

(A) The element will be removed from the layout

(B) The element will be hidden but still occupy space

(C) The element will behave like display: none;

Question 8:  Which display value is used to make a list item behave like a normal block element?

(A) inline

(B) list-item

(C) block

Question 9:  Which display property is typically used for table elements?

(A) table-cell

(B) table

(C) table-row

Question 10:  Which CSS property should be used to completely remove an element from the document flow?

(A) visibility: hidden;

(B) display: none;

(C) opacity: 0;