Как запустить ключевое слово на следующей строке, если недостаточно места для показа целого ключевого слова?

Как я могу начать ключевое слово на следующей строке, если недостаточно места для показа целого ключевого слова?
Проверьте мой код.

I want this Output : keyword should start at next line if there's not enough space to show whole.

Tags: Apple Banana Melon 
      Strawberry Kiwi Orange 
      Pineapple Carrot Onion 
      Tomato Bacon Sandwitch
      SoyBeans Pork Beef Chicken 

Current Output : keyword is devided to current line and the head of next line.

Tags: Apple Banana Melon Strawbe
      rry Kiwi Orange Pineapple 
      Carrot Onion Tomato Bacon 
      Sandwitch SoyBeans Pork Be
      ef Chicken 

Текущий HTML

<div class="shop_tag ">
    <table>
        <tr>
         <th class="tag_title">tags:</th>
         <th class="tag_tags">
          
  • Apple
  • Banana
  • Melon
  • Strawberry
  • Kiwi
  • ....
         </th>
        </tr>
    </table>
</div> 

Текущий CSS

div.shop_tag .table{
    display:table-row;
    display:inline;
}
div.shop_tag th.tag_title{
    width:100px;
    vertical-align: top;
}
div.shop_tag th.tag_tags{
    display:table-cell;
    vertical-align: top;
    text-align:left;
}  
div.shop_tag li{
display:inline;
}

UPDATE: At Firefox's inspector, these classes are inherited.

a:focus {
    outline: thin dotted rgb(51, 51, 51);
    outline-offset: -2px;
}

.css3 {
    font-size: 1.5em;
    color: rgb(112, 165, 255);
}

a {
    color: rgb(0, 136, 204);
}

li {
    line-height: 20px;
}

div.shop_tag th.tag_tags {
    text-align: left;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}
1
nl ja de
@Amberlamps Спасибо за проверку. Я добавил еще одну информацию. Что-то предотвращает?
добавлено автор Foo, источник
Пожалуйста, сделайте правильный jsFiddle. Ваш предоставленный код не создает описанный вывод: jsfiddle.net/ZAtfZ
добавлено автор Amberlamps, источник
Я не понимаю, как можно сломать слово без использования свойства CSS word-break ?
добавлено автор Morpheus, источник
Я проверил ваш код и сделал jsfiddle здесь: jsfiddle.net/9dL9q Слова не сломаются в конце строки, как ожидалось. Вы должны иметь где-нибудь в своем CSS (возможно, встроенное) правило, которое отменяет слово-break.
добавлено автор Sven Bieder, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)