Материализация - текст с наложением div

Question

https://jsfiddle.net/cpfm27q3/

Текст «последних новостей» столбцов накладывается друг на друга, как это видно в jsfiddle.

Я бы хотел, чтобы текст перешел на новую строку.

         <div class="col s12 l3">
          <div class="col s3 l12">
            <h6 class="red-text">Latest News</h6>
            <ul class="latest-collection">
              <li class="latest-collection-item">Teswtttttttttdddddddddddt</li>
              <li class="latest-collection-item">Teswtttttttttdddddddddddt</li>
            </ul>
          </div>
          <div class="col s3 l12">
            <h6 class="red-text">Latest News</h6>
            <ul class="latest-collection">
              <li class="latest-collection-item">Teswtttttttttdddddddddddt</li>
              <li class="latest-collection-item">Teswtttttttttdddddddddddt</li>
            </ul>
          </div>
          <div class="col s3 l12">
            <h6 class="red-text">Latest News</h6>
            <ul class="latest-collection">
              <li class="latest-collection-item">Teswtttttttttdddddddddddt</li>
              <li class="latest-collection-item">Teswtttttttttdddddddddddt</li>
            </ul>
          </div>
        </div>

Answer 1

Этот текст не является обертываемым текстом, поэтому вам, вероятно, потребуется добавить переполнение: скрытый или перенос по словам: разрывное слово к вашему классу latest-collection-item