1
00:00:01,140 --> 00:00:08,670
Hello, in this video, I am going to show you the vertical alignment, utility class or classes, I

2
00:00:08,670 --> 00:00:10,340
should say is pretty simple.

3
00:00:10,350 --> 00:00:13,130
I will provide a link to this in the description.

4
00:00:13,440 --> 00:00:16,290
There's this vertical alignment on one line.

5
00:00:16,290 --> 00:00:19,470
I will demonstrate that and you can do it within a table as well.

6
00:00:19,500 --> 00:00:20,810
Pretty simple stuff.

7
00:00:20,820 --> 00:00:22,470
It's essentially the same thing.

8
00:00:22,920 --> 00:00:28,630
OK, so first of all, let me create a few pieces of text based line.

9
00:00:28,900 --> 00:00:31,500
This is just going to be what the normal how going to be top.

10
00:00:31,500 --> 00:00:33,830
This will be oriented at the top middle.

11
00:00:34,050 --> 00:00:35,160
This is slightly different.

12
00:00:35,210 --> 00:00:36,930
Baseline, bottom,

13
00:00:39,870 --> 00:00:42,990
top and the bottom.

14
00:00:43,380 --> 00:00:45,170
Currently it does nothing.

15
00:00:45,630 --> 00:00:48,120
We get this now actually.

16
00:00:49,240 --> 00:00:55,570
At the classes I put, these are span, so they're all on the same benefit of doing it that way, if

17
00:00:55,570 --> 00:01:03,820
it insured, we can see where the error in the second shows that we can see.

18
00:01:07,160 --> 00:01:15,750
It really shows we can see where each one is relative to the others.

19
00:01:16,480 --> 00:01:18,580
OK, so far we do not currently.

20
00:01:18,960 --> 00:01:21,220
We should get no change, which is good.

21
00:01:21,600 --> 00:01:26,830
Now, what we're going to do is to reduce this question of thinking.

22
00:01:26,830 --> 00:01:32,280
We will do that if a cloth flies out and then you click and drag.

23
00:01:32,280 --> 00:01:38,180
It depends on the text editor and a long dash away changes.

24
00:01:38,640 --> 00:01:39,660
This will be baseline.

25
00:01:42,990 --> 00:01:46,980
This will be top, middle,

26
00:01:51,900 --> 00:02:01,710
bottom text, top text bottom for I reload.

27
00:02:05,330 --> 00:02:06,990
I spoke to line wrong.

28
00:02:07,890 --> 00:02:09,290
Let me fix that.

29
00:02:13,450 --> 00:02:22,270
Bob, done so, as you can see, things have slowed the adjusted relative to everything else, so that

30
00:02:22,270 --> 00:02:24,220
is how you align tax.

31
00:02:24,220 --> 00:02:30,310
And I guess I have to just be technical be or the images and other content as well relative to what

32
00:02:30,310 --> 00:02:31,480
else is on that line.

33
00:02:31,630 --> 00:02:32,560
Pretty simple stuff.

34
00:02:32,560 --> 00:02:34,680
Like I said, you can implement it in a table.

35
00:02:35,230 --> 00:02:36,880
Provide a link to this description.

36
00:02:36,880 --> 00:02:38,620
And I want you to add an extra task.

37
00:02:38,650 --> 00:02:43,120
Implement this so you can see what it looks like when working in a table.

38
00:02:43,550 --> 00:02:43,970
That's it.

39
00:02:44,020 --> 00:02:46,390
If you have any questions, feel free to drop me a message.

40
00:02:46,390 --> 00:02:49,690
And as usual, I look forward to seeing you in the next video.