1
00:00:05,260 --> 00:00:14,470
Strictly linked to margins, there are also the headings in between the content and its border, as

2
00:00:14,470 --> 00:00:20,710
from the lesson just finished and this moment, the margin gets positioned beyond the borders of our

3
00:00:20,710 --> 00:00:21,220
Tagg's.

4
00:00:22,800 --> 00:00:25,410
So beyond the borders of our continent.

5
00:00:28,520 --> 00:00:35,900
But with the padding attribute, instead, we will position this space inside the convent in south.

6
00:00:37,350 --> 00:00:39,040
That he is before the border.

7
00:00:39,210 --> 00:00:45,270
Obviously, we are going to make the borders stay to make the difference between padding and margin

8
00:00:45,270 --> 00:00:56,880
stand out if we insert, for example, five pixels as padding and considering what our preview is now

9
00:00:57,300 --> 00:01:05,130
saving and refreshing, you would see how the margin plays in between section and border increases.

10
00:01:07,140 --> 00:01:13,560
Obviously, the longer the pending and the bigger that type of space will be.

11
00:01:15,770 --> 00:01:22,550
Also in this case, like it was for margin, we have the chance to diversify the padding from padding

12
00:01:22,550 --> 00:01:23,090
top.

13
00:01:25,070 --> 00:01:35,720
We might insert, for example, to any pizza padding bottom in this case, let's insert the same.

14
00:01:36,840 --> 00:01:38,140
Perini lefter.

15
00:01:39,190 --> 00:01:50,950
And then 10 pixel and panning, right, let's insert 50 pixel in the preview, we would get the padding

16
00:01:51,070 --> 00:02:00,550
top, bottom and left will be perfectly noticeable, whereas padding right obviously in this specific

17
00:02:00,550 --> 00:02:08,330
case will not be displayed because all the age to text is completely left aligned.

18
00:02:08,800 --> 00:02:16,720
Let's leave, however, the 50 values so that when we deal with text aligning, we will have an example

19
00:02:16,720 --> 00:02:18,250
of the working of padding.

20
00:02:18,250 --> 00:02:20,380
Right, by saving and refreshing.

21
00:02:21,250 --> 00:02:25,960
We see that padding top and bottom are identical.

22
00:02:26,680 --> 00:02:27,160
Why?

23
00:02:27,400 --> 00:02:37,450
The padding left starting from the limit of the 15 pixel margin will increase by 10 more pixels.

24
00:02:38,620 --> 00:02:43,990
In here as well, we might group the pennings in just one line.

25
00:02:44,920 --> 00:02:59,110
Therefore, to any pixel, top 50 pixel, right, to to any pixel bottom and 10 pixels left, let's

26
00:02:59,110 --> 00:03:06,580
delete the others, let's say refresh and see that nothing has changed in our preview.

27
00:03:07,210 --> 00:03:14,830
At this point, we can start analyzing all the features of the font that are the characters within the

28
00:03:14,830 --> 00:03:15,760
CIA says.