title: Word-wrap: break-word not working in <small> or any other element
body: <p>So I have a code like this. But the <code>word-wrap</code> is not working. It works when I change it to div but I need <code>small</code>, or any other element. So any ideas why it's not working and not breaking the word?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;small style="width: 15px; word-wrap: break-word;"&gt;+{{$s-&gt;type }} {{$s-&gt;name}}&lt;/small&gt;
  
  &lt;small style="width: 15px; word-wrap: break-word;"&gt;asfasfassaasfdffgdfgd&lt;/small&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>www.ibb.co/mkaKrw this is how it looks in my project. So I want that words to break and go down. I dont need inline-block. So i want that, "Tılsımı" word to break. I'm not sure if the thing I want is possible but, I just wanted to ask css experts.</p>