Uploaded May 2026 | Updated September 2026, 3 hours ago

---

A quick CSS tip explaining why you should set the headings in your ordered and unordered (ol & ul) lists to "position: sticky" to improve the usability of your websites.

👨‍💼 My blog: zoranjambor.com
💌 CSS Weekly Newsletter: css-weekly.com

Help support my channel
💖 Watch ad-free videos on Patreon: patreon.com/cssweekly
🪧 Buy CSS Stickers pack: stickers.css-weekly.com
☕️ Buy Me a Coffee: buymeacoffee.com/cssweekly

📖 Chapters
00:00 Why you should use position:sticky with your lists
00:14 Demo setup and usability problem with lists
00:49 How to add position: sticky to list headlines
01:47 Why you should add background to sticky headlines
02:07 How to use position:sticky in ul and ol lists

Keep up-to-date with CSS Weekly:
🦋 Bluesky: https://bsky.app/profile/cssweekly.com/
🐦 Twitter: twitter.com/@cssweekly
🎶 TikTok: tiktok.com/@cssweekly
🎇 Instagram: instagram.com/cssweekly
📘 Facebook: facebook.com/CSSWeekly

Keep up to date with what I'm up to:
👨‍💼 Blog: zoranjambor.com
💼 LinkedIn: linkedin.com/in/zoranjambor

- Zoran Jambor
#css #csstricks