1 00:00:00,210 --> 00:00:08,070 OK, guys, and now we will talk about the display of a line and more such things, the first thing 2 00:00:08,110 --> 00:00:10,920 we start with here is typing. 3 00:00:12,180 --> 00:00:13,760 We can just type here first. 4 00:00:13,770 --> 00:00:16,130 I'm sorry, we can't talk you. 5 00:00:17,730 --> 00:00:21,060 And then inside we can just type L I. 6 00:00:21,970 --> 00:00:33,280 And inside the airline, we can type at Gitmo five, sorry, exclusion of five and apply on another 7 00:00:33,310 --> 00:00:38,050 list item and for the most part, we can just type C. 8 00:00:38,290 --> 00:00:44,700 S and the last one, we can just make it for Java script. 9 00:00:45,460 --> 00:00:47,030 Let's go and reload. 10 00:00:47,830 --> 00:00:48,790 So now we got this. 11 00:00:49,060 --> 00:00:53,460 Let's say that I want this to be on the same line. 12 00:00:53,500 --> 00:00:56,470 I don't want to be having three rows. 13 00:00:56,470 --> 00:00:58,090 I just want one row. 14 00:00:58,480 --> 00:01:05,760 There is a property which is called display of in line that makes this problem solved. 15 00:01:06,460 --> 00:01:17,740 We can go to the display dock and edit property of display, but first we can make a lot, which is 16 00:01:17,770 --> 00:01:19,480 the tag off list item. 17 00:01:19,900 --> 00:01:25,040 And so this one we can get a display of in line. 18 00:01:28,030 --> 00:01:36,310 And when we go and reload now we got this on the same horizontal line and that's good. 19 00:01:36,310 --> 00:01:43,240 And very soon we will talk about the display Aflex if we need to add divisions on the same line. 20 00:01:44,200 --> 00:01:51,100 And after this part, we can just joke about the display of Plup, and I'm going to show you a perfect 21 00:01:51,100 --> 00:01:53,340 example for this part. 22 00:01:54,370 --> 00:02:04,120 We can go here and add something like spin off, I am spin one. 23 00:02:04,510 --> 00:02:17,800 And after this part, we will add something which we can add spin and spend and spend to when we go 24 00:02:17,800 --> 00:02:18,530 and reload. 25 00:02:18,820 --> 00:02:23,560 Now, we got this on the same line, but what if I want to break the line? 26 00:02:23,560 --> 00:02:28,810 But I don't want to use the PR when I used to be. 27 00:02:28,810 --> 00:02:32,260 Ah, it will print the line, but I don't want that. 28 00:02:32,630 --> 00:02:37,680 I want to add a fuse as property which forces this line to be broken. 29 00:02:38,290 --> 00:02:45,940 We can go to the display and add something which is called bad display. 30 00:02:46,360 --> 00:02:53,440 And so this property we can just make display block when we save it. 31 00:02:53,890 --> 00:02:55,160 For now it's me. 32 00:02:55,210 --> 00:03:05,080 It makes it blup that makes that makes it taking one hundred percent of the width of the screen and 33 00:03:05,080 --> 00:03:10,050 now it forced it to spend to be broken at the end of the test. 34 00:03:10,420 --> 00:03:11,080 That's good. 35 00:03:12,050 --> 00:03:18,910 And after the display of plaque, there's something which is called display of none. 36 00:03:19,270 --> 00:03:24,610 But we can just check about the display of none and visibility of hidden. 37 00:03:24,610 --> 00:03:35,950 And also we can go here and add something which is called division, and we can give it a class of none 38 00:03:37,180 --> 00:03:42,290 and find here we can make each one text. 39 00:03:43,720 --> 00:03:47,770 And for this part, we can go here. 40 00:03:48,250 --> 00:03:58,810 None adding of sorry for and background color. 41 00:04:00,030 --> 00:04:02,430 Orange, red. 42 00:04:03,730 --> 00:04:05,020 OK, so now we got this. 43 00:04:05,470 --> 00:04:06,840 OK, that's perfect. 44 00:04:07,120 --> 00:04:13,960 Let's say that I want this to be unreadable or do not even exist. 45 00:04:14,380 --> 00:04:20,050 There's a property which is called display, but not 46 00:04:24,070 --> 00:04:24,940 so now. 47 00:04:25,120 --> 00:04:27,130 It does not even exist. 48 00:04:27,550 --> 00:04:32,680 But there is also a property which is called visibility into it. 49 00:04:32,690 --> 00:04:44,320 And I'm going to show you an example by adding we can go here, Magavern class Aflex just because I 50 00:04:44,320 --> 00:04:46,240 wanted to show you the difference. 51 00:04:46,240 --> 00:04:56,320 But according to the display Aflex, we will talk about it in the next video and now we can go here. 52 00:04:56,590 --> 00:05:04,910 Let's just kind of like let's wrap up now, right. 53 00:05:05,710 --> 00:05:14,710 And then after this part we can copy this one because that's got to be for hidden. 54 00:05:18,330 --> 00:05:21,300 We will delay the display of not for this part. 55 00:05:22,380 --> 00:05:24,740 OK, so now we got this to a screen. 56 00:05:26,100 --> 00:05:31,680 Let's say that I want this one to be not even exist. 57 00:05:32,460 --> 00:05:35,190 We can get this plane off, not 58 00:05:37,740 --> 00:05:38,280 reload. 59 00:05:38,280 --> 00:05:46,890 And now this text will go here because we need this class to be not even exact. 60 00:05:47,400 --> 00:05:54,000 Let's say that I want to hug it out, but I want a space not to be taken. 61 00:05:54,750 --> 00:05:58,950 There's a property which which is called visibility into it. 62 00:05:58,970 --> 00:06:03,630 And let's set everything back, reload. 63 00:06:05,730 --> 00:06:07,650 OK, so now we've got this back. 64 00:06:07,920 --> 00:06:11,370 Let's try now the visibility into hidden 65 00:06:13,980 --> 00:06:17,890 visibility into it. 66 00:06:19,950 --> 00:06:24,780 So now it's place is not taking anymore. 67 00:06:25,500 --> 00:06:30,450 And now that's all about there is place for this video. 68 00:06:30,750 --> 00:06:36,940 And the next video, we'll talk about the display of flicks of this class, which we added here. 69 00:06:38,430 --> 00:06:41,210 So good luck and have fun.