1 00:00:01,230 --> 00:00:02,930 Hello, everyone, and welcome back. 2 00:00:03,420 --> 00:00:08,030 In today's video, we could learn how to handle long words and multi line sentences. 3 00:00:08,490 --> 00:00:10,050 Let's say we have these block guards. 4 00:00:10,580 --> 00:00:16,130 And what we want is these headings do not go in the next line and say this should stay in one line with 5 00:00:16,140 --> 00:00:17,370 ellipses at the end. 6 00:00:17,640 --> 00:00:20,600 So if you're wondering what is ellipses, it is the daughter. 7 00:00:20,640 --> 00:00:22,380 Don't think at the end of a text. 8 00:00:22,830 --> 00:00:24,730 Let's bring them up with them and give it a try. 9 00:00:26,480 --> 00:00:27,620 Let's bring it up here. 10 00:00:32,040 --> 00:00:39,040 So if we're heading, there is a bus, so not heading coming to index failure. 11 00:00:39,630 --> 00:00:41,190 So we've already got it here. 12 00:00:47,100 --> 00:00:52,290 OK, so first, all do you want to do is you want to stop the state from going to next name. 13 00:00:53,000 --> 00:00:59,400 So when the funding doesn't fix in one lane, it tries to find the life space and it drops the countdown 14 00:00:59,820 --> 00:01:00,600 to the next line. 15 00:01:01,290 --> 00:01:03,490 So what do we want to do is ruin that. 16 00:01:03,840 --> 00:01:06,420 So for that, we have a property, white space. 17 00:01:07,900 --> 00:01:09,080 You can give it a value. 18 00:01:09,580 --> 00:01:12,570 No role or what we're dealing here, scissors. 19 00:01:13,600 --> 00:01:16,810 So don't drop even when white spaces encounter. 20 00:01:17,200 --> 00:01:18,280 So now as you can see. 21 00:01:19,450 --> 00:01:22,500 All these headings are going out of the guard. 22 00:01:23,700 --> 00:01:27,990 So let's handle the overflow, so overflow, see hidden. 23 00:01:28,690 --> 00:01:29,200 Let's save it. 24 00:01:30,110 --> 00:01:37,180 And now, as you can see the text or this getting its clear on what we need is just the ellipses. 25 00:01:37,270 --> 00:01:37,780 At the end. 26 00:01:38,230 --> 00:01:41,620 So to get that, we can use another property called text overflow. 27 00:01:42,010 --> 00:01:46,640 So coming up, Hugh, let's use that property next overflow. 28 00:01:46,780 --> 00:01:49,420 So it accepts to at least clip and ellipses. 29 00:01:49,750 --> 00:01:50,540 So let's try click. 30 00:01:51,960 --> 00:01:56,210 And as you can see, it stays the scene because this clip is the default value. 31 00:01:57,240 --> 00:01:58,720 The other value is ellipses. 32 00:01:58,770 --> 00:01:59,760 So let's save it. 33 00:02:00,480 --> 00:02:03,800 Now, as you can see, they are these ellipses. 34 00:02:03,840 --> 00:02:07,680 At the end of the text or dot, dot, dot at the end of these headings. 35 00:02:08,160 --> 00:02:11,970 Now, let's say you have this really big word and you want it to move up on the next line. 36 00:02:12,480 --> 00:02:14,010 So for that, we have two options. 37 00:02:14,040 --> 00:02:16,110 First, we can use the property would break. 38 00:02:16,590 --> 00:02:17,650 So let's give that a try. 39 00:02:18,990 --> 00:02:21,150 So coming down here to blow description. 40 00:02:23,960 --> 00:02:27,740 Let's use this word brief so it accepts two values. 41 00:02:27,980 --> 00:02:29,080 First is big on. 42 00:02:29,520 --> 00:02:30,350 So let's hear it. 43 00:02:31,480 --> 00:02:33,680 And now, as you can see, it just breaks the word. 44 00:02:33,740 --> 00:02:35,820 As soon as it reaches the end of the line. 45 00:02:36,230 --> 00:02:38,740 Similarly, the other values keep all. 46 00:02:39,500 --> 00:02:40,460 So what it does is. 47 00:02:41,730 --> 00:02:44,550 It doesn't reach the world and it overflows. 48 00:02:45,680 --> 00:02:49,670 So the next option was worded up, so let's give that a try. 49 00:02:51,190 --> 00:02:53,420 And it accepts a value Greek word. 50 00:02:54,050 --> 00:02:55,220 So let's use the. 51 00:02:57,400 --> 00:03:02,150 And now, as you can see, even this is breaking the word, but it tries to break the word at a more 52 00:03:02,150 --> 00:03:07,700 meaningful point, but if it cannot find a meaningful point, it just breaks it. 53 00:03:08,060 --> 00:03:09,140 So let's compare gold. 54 00:03:10,250 --> 00:03:12,930 So first was what? 55 00:03:13,100 --> 00:03:13,480 Break. 56 00:03:14,200 --> 00:03:14,990 Break all. 57 00:03:16,960 --> 00:03:18,600 Let's this let's save it. 58 00:03:19,170 --> 00:03:24,730 And now, as you can see, it's breaking the word as soon as the lightning gets over here. 59 00:03:25,030 --> 00:03:29,790 So it's Lorem as you that's coming this uncommon. 60 00:03:30,110 --> 00:03:31,270 The Wardrop property. 61 00:03:32,420 --> 00:03:36,860 And as you can see, when this big word was encountered, it did not break it right to you. 62 00:03:37,430 --> 00:03:40,560 It took it to the next lane waiting to the end of the lane. 63 00:03:40,590 --> 00:03:45,610 But it could not find a space or something meaningful to break this word. 64 00:03:46,500 --> 00:03:48,310 And then it just broke in from the middle. 65 00:03:48,930 --> 00:03:51,240 And that's how this word love property rose. 66 00:03:52,290 --> 00:03:53,370 That's all for today, guys. 67 00:03:53,730 --> 00:03:55,770 If there's something that you did not understand. 68 00:03:55,890 --> 00:03:58,410 Feel free, drop a comment and we will discuss it. 69 00:03:59,130 --> 00:04:00,130 See you in the next video. 70 00:04:00,270 --> 00:04:01,310 Bye, A.J..