CSS Display and Visibility

Display:

The display property controls the box's type generated by an element.

Property:

• <div>

• <span>

<div>element is rendered as block

while the <span> element is displayed inline.

​

Ex.

        span {

                       display: block;

            }

Visibility:

The visibility property determines whether an element is visible or hidden.

​

Property:

visible

hidden

collapse

inherit

Ex.

visibility: hidden;