Every element on a web page is a rectangular box.The display property determines how that rectangular box behaves. A block element is an element that takes up the fullest width available, with line breaks before and after.
The style rules in the following example display the inline <span> elements as block-level elements:
An inline element only takes up as much width as necessary, and does not force line breaks.
The code above will produce the following result:
display:none hides an element, so it does not take up any space. The element will be hidden, and the page will be displayed as if the element is not there.
<h1>This text will not display, as we set the value to none.</h1>
<p>Headline of this paragraph is not displayed, as we set the value to none.</p>
CLICK ON THE BUTTON BELOW TO GO TO THE CSS MAIN COURSE PAGE.
© License: All Rights Reserved
CONTACT HOLLA TECH – LEARN SUPPORT