use white-space: pre-wrap instead of white-space: pre