1
00:00:00,820 --> 00:00:07,210
Padding create spacing between the perimeter of each team out element in the content contained within

2
00:00:07,210 --> 00:00:07,300
it.

3
00:00:08,410 --> 00:00:16,370
In this tutorial we'll be adding padding around the text contained within our div similar to margins.

4
00:00:16,370 --> 00:00:26,260
Padding can be added around all four sides of an element or only specified sides first we will add padding

5
00:00:26,320 --> 00:00:28,690
around all sides to do that.

6
00:00:28,690 --> 00:00:40,890
Take the following style definition in your div one I.D..

7
00:00:40,980 --> 00:00:47,870
This will add a 10 pixel gap between the text in our div to the perimeter of the div.

8
00:00:48,090 --> 00:00:51,030
So let's go ahead and save the file and take a look at it.

9
00:00:55,560 --> 00:01:03,510
So we can see that we have a 10 pixel gap around the around our text right up to the perimeter of the

10
00:01:03,510 --> 00:01:03,830
div.

11
00:01:06,640 --> 00:01:09,340
I'm going to increase this amount of the padding

12
00:01:13,750 --> 00:01:20,590
so we can better illustrate this example so I've saved the file and I'm just gonna refresh and we can

13
00:01:20,590 --> 00:01:26,110
see this is now a 20 pixel padding around the text.

14
00:01:30,610 --> 00:01:38,900
Now let's add padding to only the top and left side of the text to do this enter the following values

15
00:01:40,440 --> 00:01:48,560
will add 30 pixels on top zero on the right zero on the bottom

16
00:01:51,570 --> 00:01:54,850
and 30 pixels on the left.

17
00:01:56,730 --> 00:02:02,150
So save the file and I'll refresh.

18
00:02:02,180 --> 00:02:08,330
So now we have 30 pixels on the top 30 pixels on the left and zero on the bottom and right.