andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add extractor and builder

Browse Source 
Tested and working
This commit is contained in:
Angelos Chalaris
2019-08-22 14:04:18 +03:00
parent 343f8fd4c7
commit a8818b1998
101 changed files with 18465 additions and 9908 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
snippets/truncate-text.md
View File

@ -5,14 +5,10 @@ tags: layout,intermediate
If the text is longer than one line, it will be truncated and end with an ellipsis `…`.
#### HTML
```html
<p class="truncate-text">If I exceed one line's width, I will be truncated.</p>
```
#### CSS
```css
.truncate-text {
overflow: hidden;
@ -22,8 +18,6 @@ If the text is longer than one line, it will be truncated and end with an ellips
}
```
#### Demo
#### Explanation
1. `overflow: hidden` prevents the text from overflowing its dimensions