August 15th, 2010

  • evan

max-width user css

I run my browsers wide (full-screen, actually -- tiling window manager and all). Most sites continue to work fine like this. Some, like Wikipedia and LiveJournal, make the text as wide as the window, resulting in unreadably wide lines. I had been just dealing with this for years when I realized some simple user CSS would help:
$ cat .config/google-chrome/Default/User\ StyleSheets/Custom.css 
p, td, li {
  max-width: 50em;
(For some reason you have to run Chrome with --enable-user-stylesheet for that to work. Other browsers have similar mechanisms.)