Text not wrapping in span/div

Question

I have first time problem like that. Text is not wrapping in span (if I changed it to div too) inside bootstrap col.

CSS word-wrap is not working, i have no idea what to do. Span is display inline-block with width: 100%

This is my structure:

<div class="col-4 dropdown-item-container">
  <a class="z-depth-1 dropdown-item" href="#">
     <img class="dropdown-image" src="img/cat8.jpg" />
     <span>System do wykonywania połączeń DOMINO</span>
  </a>
</div>

And it's looks like that:

Answer 1

I found problem, in bootstrap class.dropdown-item have set white-space: nowrap;