Software-Engineering


# Display Property ?

it specifies if/how an element is displayed. There are several types of display


# display: block

example-element: div takes up the whole width available

  • on a block-element you can allign a width & height

# display: inline

example-element: span takes only the width needed

  • on an inline-element you can’t allign a width & height

# display: inline-block

similar to inline you can allign a width & height


# display: none / visibility: hidden

display: none

  • completely removes the element

visibility: hidden

  • removes the element - but takes up the space needed for the element