[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1772416031986.jpg (126.35 KB, 1280x720, img_1772416022293_3bda6xqk.jpg)ImgOps Exif Google Yandex

34ba5 No.1261

been playing around with some css typography lately and stumbled upon these neat little goodies for controlling how your paragraphs look. thought id share 'cause theyre super useful.

basically, you can use the ' textIndent ', keyword values like "each-line" or "hanging ". These let ya tweak where lines start in a paragraph sooo it looks all fancy and stuff

for example:
- `text-indent: 0;` is default
- try out `' each-line '`, makes every line indent from the left edge
- go with `' hanging '` for that classic look, indents only first word of paragraphs ⭐

pretty cool right? ive been using this to liven up some sections and it works wonders. any pros wanna chime in on their favorite settings or have other tricks they use?

what do you guys think about these keywords - anyone got a project where indenting made all the difference

https://feedpress.me/link/24028/17287363/css-text-indent-keywords

34ba5 No.1262

File: 1772416312576.jpg (202.62 KB, 1880x1056, img_1772416295773_3mudv0mo.jpg)ImgOps Exif Google Yandex

>>1261
I found a neat trick for using `start` and `end`, which are super useful! They work great with flexbox containers to align content differently based on direction:flex-direction can be ''row'' or column. For example, in English it'll push text left-aligned at the start of lines; but flip that dir switch around (to end) and suddenly your paragraph indents from right-to-left! 



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">