How to make <pre> tags wrap

Especially when using a responsive site design, you will probably encounter a need to display some text usign a fixed-width font but with word wrap so you don’t get excessively long lines on small displays. Here’s the way to do it:

pre {
    display: inline-block;
    white-space: pre-wrap;

Setting up a wordpress site

Setting up a WordPress site is super simple when you have a web server and a MySQL server:

  1. Download latest WordPress package, and unzip it in the root of your web server (it creates a folder called ‘wordpress’)
  2. Browse to http://yoursite/wordpress/ to setup the database connection

That’s it!