![css - --webkit-line-clamp text overlapping if there are lists element inside the container element on safari browser - Stack Overflow css - --webkit-line-clamp text overlapping if there are lists element inside the container element on safari browser - Stack Overflow](https://i.stack.imgur.com/Zr8Du.png)
css - --webkit-line-clamp text overlapping if there are lists element inside the container element on safari browser - Stack Overflow
![Addy Osmani on Twitter: "TIL the CSS "-webkit-line-clamp" property truncates multi-line text: https://t.co/T4yMoYSgrS. It's supported in Chromium, Firefox and Safari! https://t.co/B13EU3Hu3n https://t.co/Y1guSeCQcG" / Twitter Addy Osmani on Twitter: "TIL the CSS "-webkit-line-clamp" property truncates multi-line text: https://t.co/T4yMoYSgrS. It's supported in Chromium, Firefox and Safari! https://t.co/B13EU3Hu3n https://t.co/Y1guSeCQcG" / Twitter](https://pbs.twimg.com/amplify_video_thumb/1235791755686981632/img/rvcz1MnY7lZZ17pX.jpg:large)
Addy Osmani on Twitter: "TIL the CSS "-webkit-line-clamp" property truncates multi-line text: https://t.co/T4yMoYSgrS. It's supported in Chromium, Firefox and Safari! https://t.co/B13EU3Hu3n https://t.co/Y1guSeCQcG" / Twitter
![Is this something can be done with pure CSS? pls see the image for illustration, two divs vertically stacked, parent has fixed height, the subtext lines needs to be dynamically adjusted based Is this something can be done with pure CSS? pls see the image for illustration, two divs vertically stacked, parent has fixed height, the subtext lines needs to be dynamically adjusted based](https://preview.redd.it/is-this-something-can-be-done-with-pure-css-pls-see-the-v0-dvns581r94t91.png?auto=webp&s=5bc473bfe77c39a1919a351910bab5be679812b4)
Is this something can be done with pure CSS? pls see the image for illustration, two divs vertically stacked, parent has fixed height, the subtext lines needs to be dynamically adjusted based
![Did you know you can add ellipsis to a multiline text with CSS property called line-clamp? Just remember to increase line-height to avoid quirks! : r/css Did you know you can add ellipsis to a multiline text with CSS property called line-clamp? Just remember to increase line-height to avoid quirks! : r/css](https://i.redd.it/emaqgic3va371.jpg)
Did you know you can add ellipsis to a multiline text with CSS property called line-clamp? Just remember to increase line-height to avoid quirks! : r/css
![webkit-line-clamp has pixel value instead of unit value · Issue #2 · tailwindlabs/tailwindcss-line-clamp · GitHub webkit-line-clamp has pixel value instead of unit value · Issue #2 · tailwindlabs/tailwindcss-line-clamp · GitHub](https://user-images.githubusercontent.com/3422401/103843483-01584c80-50ec-11eb-9329-af66ed8f7552.png)
webkit-line-clamp has pixel value instead of unit value · Issue #2 · tailwindlabs/tailwindcss-line-clamp · GitHub
![css - -webkit-line-clamp Ellipsis displayed with an offset when using text-align: justify - Stack Overflow css - -webkit-line-clamp Ellipsis displayed with an offset when using text-align: justify - Stack Overflow](https://i.stack.imgur.com/3JWDH.jpg)
css - -webkit-line-clamp Ellipsis displayed with an offset when using text-align: justify - Stack Overflow
![Using -webkit-line-clamp, how can I properly wrap words so they are not awkwardly truncated? : r/css Using -webkit-line-clamp, how can I properly wrap words so they are not awkwardly truncated? : r/css](https://external-preview.redd.it/WvSrxNAQW_nYXX_dU3UP6brYcASJhb1Nzzo-st47C7c.jpg?auto=webp&s=f945d88028c8d9c460000a1c89b466c2fa4fc519)