Terence Eden on utilizing text-wrap: stability for greater than headings:
However the title is, I feel, barely deceptive. It doesn’t solely work on textual content. It’ll work on any content material. For instance – I’ve a row of icons on the backside of this web page. If the viewport is simply too slim, a single icon may drop to the subsequent line. That may look a bit bizarre.
Heck yeah. I’ll have reached for some type of auto-fitting grid method, however hey, might as nicely go together with a one-liner should you can! And whereas we’re on the subject, I simply wanna point out that, sure, text-wrap: stability will work on any content material. — simply know that the spec is just a little opinionated on this and be sure that the content material is fewer than 5 traces.
There’s doubtless extra nuance to return if the notice for Concern 6 within the spec is any indication about presumably permitting for a line size minimal:
Suggestion for worth area is match-indent | <size> | <proportion> (with Xch given for example to make that use case clear). Alternately <integer> might really rely the characters.
You need to use text-wrap: stability; on icons initially printed on CSS-Methods, which is a part of the DigitalOcean household. It is best to get the e-newsletter.
Subscribe to MarketingSolution.
Receive web development discounts & web design tutorials.
Now! Lets GROW Together!