Another fundamental property relating to space is the property called display, that means to show this
property will get used above all, when dealing with specific properties relating to contents positioning.
I'm introducing them right now to enable you to display and work with the base attributes of the property
we are talking about.
We'll see how to make the content of a specific selector disappear, how to make it appear exactly the
way it is without it having attributes, for example, height and width inserted within it.
Or else, again, how to make the page have a new paragraph every time a specific selector appears as
a tag within the page, and so to detach it and make it different from the rest of the content, first
of all, let's see the display nonfunctioning that we are going to insert into age, too.
Like the name suggests, none makes the content of this tag inside the page.
These appear.
Therefore, saving and refreshing.
As you see, the contents of age two have totally disappeared.
And now there are only the LRM relative to Section one and Section two, this attribute is used when
you have to exclude a part of the content of our age HTML documents according to a certain type of device
where you display the document different from display none, which we are deleting here.
As you remember, the buddy has a 750 pixel maximum weight.
If we serve again, we may retrieve our age too and see that there is a limit to the inserted width
if we inserted display in line.
Basically, with this feature, it is as if we were telling our sheet to insert this specific tag,
therefore Bunnie therefore all our document in the most natural way without altering height and weight.
So let's say refresh.
And as you see, the content now has no limitations, neither as far as height nor as far as weight.
As for the non attribute in this case to in line gets used when you need to exclude predefine height
and weight caused by a specific selector with the display modifications in favor of another type of
device, not bound to have the need to have specified values regarding height and weight as defined
in a specific way, finally to see the functionality of display block.
The is everything that gets moved onto a new paragraph that's insur The Span Selecter, as you remember
from our HTML here we have span plus one and span idee one.
Let's retrieve our span in its original position before use.
In this moment, the class plus one and Ida Ida one are not in the stylesheet, so saving and refreshing,
we won't obtain any difference.
And we know that this ban has been inserted in this position and that spun in the other position, refreshing
our stylesheet and inserting this play.
Look for the spane.
We know that everything that gets displayed as PEN has to stop what comes before and after it and appear
on just one line.
Now let's say refresh.
And see that.
The Section one span and the Section two span got inserted as a new line.
Between the two paragraphs.
Surely you can see that the potentials display has countless when we see more in depth, other types
of display.
Therefore, other uses the display function provides.
You will acknowledge how with the oncoming of the responsive design using new functions which adapt
the content according to the device where they are displayed is more and more necessary.