title: span word wrap in ng repeat into new line
body: <p>I have values in using ng repeat in span.I got word like in new line like</p>
  
  <p>Actual output:</p>
  
  <p><a href="https://i.stack.imgur.com/k4c9k.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/k4c9k.png" alt="enter image description here"></a></p>
  
  <p>I used CSS like </p>
  
  <pre><code>    border: 1px solid #ECE9E6;
      border-radius: 3px;
      text-align: center;
      font-size: 12px;
      padding: 5px 15px;
      position: relative;
      line-height: 33px;
      margin-right: 3px;
      word-wrap: break-word;
  </code></pre>
  
  <p>I want output like:</p>
  
  <p><a href="https://i.stack.imgur.com/rlcW9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rlcW9.png" alt="enter image description here"></a></p>