So this will wrap and center the text, but you might find that the text is placed a bit fare apart.

This is illustratedin the following picture.

The following picture will show you were you can change this.

We need to edit this in the editor (highlighted) under Appearances tab. You need to have a look in your style.css sheet and find the area with code that shows you menu. Look for line-height; this is where you can enter a lesser value to make the text come closer together. You basically make the height of the lines less. I went from 3.25 to 1.25!

This is the result.