title: CSS- Word is not wrapping in this case- word-wrap not working
body: <p>I am trying to wrap word in div. My css is </p>
  
  <pre><code>.event-location {
  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  height: 90px;
  line-height: 90px;
  white-space: nowrap;
  word-wrap: break-word;
  width: 100%;
  word-break: break-all;
  background-color: #337AB7;
  font-size: 18px;
  padding-left: 10px;
  font-weight: bold;
  border-radius: 3px;}
  </code></pre>
  
  <p>In this case long line without sapces going outside the div.</p>