Multi-Line Padded Text CSS-Tricks - CSS-Tricks
![](https://i0.wp.com/css-tricks.com/wp-content/uploads/2013/11/the-problem.png)
This is one of those tricky CSS things that I see come up every few months. I guess what better place to address it than CSS-Tricks eh?
![](https://css-tricks.com/wp-content/csstricks-uploads/abehappy.png)
Vertically Center Multi-Lined Text
CSS percentages
![](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Box_Model_Tasks/mdn-box-model1.png)
Test your skills: The box model - Learn web development
![](https://briantree.se/assets/img/content/uploads/2023/10-13/multi-line-truncated-text.png)
Text Truncation in CSS: Learn Single and Multiple Line Truncation with Ease
![](https://blog.logrocket.com/wp-content/uploads/2020/03/how-to-style-forms-css-beginners-guide.png)
How to style forms with CSS: A beginner's guide - LogRocket Blog
![](https://images.prismic.io/modus-made-dev/c525d4d6-41b8-434c-9e38-41a270b31536_0_sF5u_n_1xEeq19LJ.jpeg?auto=compress,format)
CSS Tricks: Expanding Beyond a Parent div
CSS Tips and Tricks for Customizing Error Messages! - Cognito Forms
![](https://miro.medium.com/v2/resize:fit:1400/1*UDIAKTNPIZnCy4SsLs2fug.png)
Truncating multi-line content in fixed-height containers by fading, by aaron
![](https://miro.medium.com/v2/resize:fit:1246/1*zjAysGAlLDXPclhBT3cSlg.png)
These 5 CSS Tricks Will Make Your Life Much Easier
![](https://forum.obsidian.md/uploads/default/original/1X/f2a25eac6be2a49339c99f542d8096dddcd045f8.png)
Getting comfortable with Obsidian CSS - Share & showcase - Obsidian Forum
![](https://blog.hubspot.com/hs-fs/hubfs/Update%20css%20margin%20vs%20padding-5%20.webp?width=650&height=470&name=Update%20css%20margin%20vs%20padding-5%20.webp)
CSS Margin vs. Padding: What's the Difference?
![](https://blog.hubspot.com/hs-fs/hubfs/css-padding-1.png?width=595&height=400&name=css-padding-1.png)
CSS Padding: Your Guide to the Property