> Markdown version of [/videos/172-how-to-write-a-book-with-css?t=96](https://www.wearedevelopers.com/videos/172-how-to-write-a-book-with-css?t=96). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# How to write a book with CSS

Think CSS is only for screens? Discover how to leverage page rules and micro-typography to typeset professional-grade physical books entirely with code.

- **Speakers:** Håkon Wium Lie
- **Event:** World Congress 2021
- **Published:** June 30, 2021
- **Duration:** 40:25
- **URL:** https://www.wearedevelopers.com/videos/172-how-to-write-a-book-with-css
- **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/14aac9c485ad723acc2c98330326b8c6/thumbnails/thumbnail.jpg?time=98795ms

## Access

Playback and chapters for this video are available with a Free account.

## Related Moments

- [Recreating complex print layouts with CSS technologies](https://www.wearedevelopers.com/videos/517-can-css-recreate-tufte-s-designs) (from "Can CSS recreate Tufte's designs?")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/fd8f163621a957ab29fc631eaf2d7ace/thumbnails/thumbnail.jpg?time=81200ms
- [Establishing physical book layouts with CSS paged media](https://www.wearedevelopers.com/videos/517-can-css-recreate-tufte-s-designs) (from "Can CSS recreate Tufte's designs?")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/fd8f163621a957ab29fc631eaf2d7ace/thumbnails/thumbnail.jpg?time=81200ms
- [Bridging scientific structure and typography with CSS](https://www.wearedevelopers.com/videos/517-can-css-recreate-tufte-s-designs) (from "Can CSS recreate Tufte's designs?")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/fd8f163621a957ab29fc631eaf2d7ace/thumbnails/thumbnail.jpg?time=81200ms
- [Formatting printable documents with page media CSS](https://www.wearedevelopers.com/videos/1850-wearedevelopers-live-css-or-bs) (from "WeAreDevelopers LIVE - CSS or BS?")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/5c120564a44f21372d53f012f546f217/thumbnails/thumbnail.jpg?time=143740ms
- [Understanding the fundamental role of CSS in web development](https://www.wearedevelopers.com/videos/366-level-up-your-angular-css-with-tailwind-css) (from "Level up your Angular CSS with Tailwind CSS")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/688ecc18e1a9681df47640316bb17e42/thumbnails/thumbnail.jpg?time=83365ms
- [Introduction to modern CSS capabilities for designers](https://www.wearedevelopers.com/videos/835-what-s-new-in-css-for-designers) (from "What's new in CSS for Designers?")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/42d7b191407a97170b9d975007c90bbd/thumbnails/thumbnail.jpg?time=130245ms

## Related Articles

- [Tips and Tricks: CSS Pseudo Elements and Pseudo Selectors](https://www.wearedevelopers.com/magazine/510-tips-and-tricks-css-pseudo-elements-and-pseudo-selectors)
- [Declarative Design and a fresh take on collaboration with developers](https://www.wearedevelopers.com/magazine/595-declarative-design-and-a-fresh-take-on-collaboration-with-developers)
- [3 JavaScript-Free Techniques for Accordions, Dialogs, and Table of Contents](https://www.wearedevelopers.com/magazine/684-3-javascript-free-techniques-for-accordions-dialogs-and-table-of-contents)
- [Top 7 CSS Frameworks in 2025](https://www.wearedevelopers.com/magazine/362-top-7-css-frameworks-in-2025)

## Related Jobs

- [Senior Web Developer BundesMessenger](https://www.wearedevelopers.com/jobs/ext/3601840-senior-web-developer-bundesmessenger) at **BWI GmbH**
- [UX-Designer:in BundesMessenger](https://www.wearedevelopers.com/jobs/ext/4021285-ux-designer-in-bundesmessenger) at **BWI GmbH**
- [Frontend Developer](https://www.wearedevelopers.com/jobs/ext/3854438-frontend-developer) at **Raiffeisen Bank International AG**
- [Staff Silicon Design Engineer](https://www.wearedevelopers.com/jobs/ext/4083561-staff-silicon-design-engineer) at **AMD**
- [Staff Engineer - Web Platform](https://www.wearedevelopers.com/jobs/ext/3243034-staff-engineer-web-platform) at **Intercom, Inc.**
- [Werkstudent UI/UX Design](https://www.wearedevelopers.com/jobs/ext/3601553-werkstudent-ui-ux-design) at **BWI GmbH**