This New CSS Text Property Is Amazing For Headings

🌎 Find Me Here:

#Shorts

[TechDiffuse]

Awesome content Kyle. Short, informative, no Click bait!

[adityanayak]

It's amazing how he makes all sound so simple. Real confidence boost to new Devs.

[eafadeev]

I usually add <span class="nowrap" /> around the part that should not be wrapping

[theelk]

this would be even better if it could change the font size to keep the same overall height

[devanshupadhyay]

Firefox is really making my web dev journey harder 😂

[frutosergio]

Ok this is so simple and so dope. I love new CSS stuff.

[tamas]

It’s lagging behind, not lacking. like the tip!

[itadevsupport]

Thank you! I did not know this property.. I will try to use it in future projects🤓 I hope it will also be supported by other browsers soon🤞

[clonecreatesclassics_]

Neat solution. But the other solution is just using different words to mean the same thing, but with less characters

[eritert]

i used a javascript (or jquery) library 10 years ago for this, worked great

[C.Ezra.M]

This actually only works for text up to 4 lines because of the fact the algorithm used for this property is computationally expensive

[bezdras]

Apple lacking behind, how unexpected 😂

[ream_]

Nice, will use it after 5 years, when the browser support reaches 95%. Damn I can’t even use gap for flexes because older safari’s don’t support it

[Gary_Reid_Backing_Tracks]

Kevin Powell did it first...
Still great info! I used this earlier today.

[alpachino]

I think that a single word on a new line is referred to as a "widow" if im not mistaken...

[dienazty]

Normally love these, but ~60% support just isn't high enough to share this in the wild.

[barmolino]

A lot more will come soon
Try to work with Google Chrome Canary and see what’s inside
I am using it from 2 years almost parallel with Firefox for Developers

[fgjk-tj]

me after my first lesson in w3schools:

[biswabaral]

How to make a responsive div that can be scrolled inside either in x or y but the div must be responsive and stay inside the screen

[sahilatahar]

Now its, 72% but still its less support 😊