.demo
  .woe 1. Hey      what did you do this weekend? I painted some pottery, it was p neat.
  .woe.woe2 2. Hey what did you do this      weekend? I painted some pottery, it was p neat.
  .woe.woe3 3. Hey what did you do this weekend?      I painted some pottery, it was p neat.
  .woe.woe4 4. Hey what           did you do this weekend?       I painted some pottery, it was p neat.
  .woe.woe5 5. Hey what did you do this      weekend? I painted some pottery, it was p neat.
View Compiled
body {
  font-family: 'Open Sans', sans-serif;
  color: #E55037;
}

.woe {
  margin: 20px auto;
  border: 1px dotted gray;
  // set width imp for demo
  width: 200px;
}

// nowrap; example 2
.woe2 {
  white-space: nowrap;
}

// pre; example 3
.woe3 {
  white-space: pre;
}

// pre-wrap; example 4
.woe4 {
  white-space: pre-wrap;
}

// pre-line; example 5
.woe5 {
  white-space: pre-line;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.