The next property we are talking in this lesson is a line items, this property of the container permits
to a line on the Y axis.
So vertically.
Our flex boxes according to the height.
We define it for the container itself, and therefore it can be used only alongside with the hight property.
For example, let's insert 300 pixels.
And having said this property.
Now we can insert instead of justified content line items.
And as a start value.
Let's insert Flagstad.
In this case, too, obviously with Living Flick's start only, there won't be any change as far as
the road alignment we saw in the previous lesson.
Instead, if we wanted, for example, to display the entire content alone, the whole height defined
by the container, we should insert the stretch attribute.
As you can see, thanks to this attribute, our flex boxes get to fill up.
All the available space they have in their inside set by height.
In addition to a stretch and flex start, there is also the possibility to insert center and flex and
which in this case will perform the alignment we have already seen in justify content, but vertically
and not horizontally.
If we inserted, for example, center without any height attribute inserted into the properties by saving
and refreshing, as you see, our flex boxes would get inserted in the middle of the container.
Therefore, as it is, three hundred pixels high.
They would get placed after a hundred and fifty pixels, always ordered by row, finally by inserting
flex and let's see how our flex boxes place themselves low at the bottom now and therefore at the end
of the alignment in our container.
Therefore, as a general rule, a line item enables us to insert our content with Flagstad in a default
position.
With center in the middle and with flexin at the bottom.
And let's not forget about Stretch, which permits to insert the content across the whole height of
the container, therefore also this property of our container has got some well specified features which
may be exploited according to the need we have.