On the left hand column, where it says “Everything else boatingggg”, I want the boatingggg to be forced to a new line rather than overlapping. How do I do this? I believe it involves addin white-space:pre-line; somewhere, but I’m really not sure where.
Feel free to criticize the semantics of the rest of the CSS as well
The text appears to be part of an image. You can’t break an image to another line. You have to have the text as text, it would also reduce the file size of your web-page.