div {
  font-family: 'Open Sans', sans-serif;
  /*text-transform: form: uppercase;*/
  /*font-weight: 700;*/
}

div.wrapper {
  width: 500px;
  margin: 0 auto;
  padding-bottom: 20px;
}

h1.title {
  text-transform: uppercase;
  position: static;
  display: block;
  font-weight: 800;
  letter-spacing: 3px;
  text-decoration: none;
  text-align: center;
  font-size: 46px;
  color: #333;
  margin-top: 50px;
}

div#new-message {
  text-transform: uppercase;
  letter-spacing: 1px;
  min-height: 52px !important;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  margin-bottom: 20px;
  border-bottom: 1px dashed #ccc;
}

div.message {
  /*font-family: 'Lato', sans-serif;*/
  /*font-size: 22px;*/
  /*color: #333332;*/
  /*background: #fff;*/
  /*line-height: 1.45;*/
  /*font-weight: 400;*/
}
div {
  font-family: 'Open Sans', sans-serif;
  /*text-transform: form: uppercase;*/
  /*font-weight: 700;*/
}

div.wrapper {
  width: 500px;
  margin: 0 auto;
  padding-bottom: 20px;
}

h1.title {
  text-transform: uppercase;
  position: static;
  display: block;
  font-weight: 800;
  letter-spacing: 3px;
  text-decoration: none;
  text-align: center;
  font-size: 46px;
  color: #333;
  margin-top: 50px;
}

div#new-message {
  text-transform: uppercase;
  letter-spacing: 1px;
  min-height: 52px !important;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  margin-bottom: 20px;
  border-bottom: 1px dashed #ccc;
}

div.message {
  /*font-family: 'Lato', sans-serif;*/
  /*font-size: 22px;*/
  /*color: #333332;*/
  /*background: #fff;*/
  /*line-height: 1.45;*/
  /*font-weight: 400;*/
  white-space: pre-wrap;      /* CSS3 */   
  white-space: -moz-pre-wrap; /* Firefox */    
  white-space: -pre-wrap;     /* Opera <7 */   
  white-space: -o-pre-wrap;   /* Opera 7 */    
  word-wrap: break-word;      /* IE */
}
Add word wrapping in message div
Add word wrapping in message div
