Почему слова с фиксированным макетом таблицы td не переносятся?

У меня есть таблица, которая заполняется текстом разной длины. Я установил для свойства css table-layout значение fixed, потому что оно продолжает выталкивать таблицу за пределы родительского объекта, создавая горизонтальную полосу прокрутки.

Я хочу, чтобы мои td составляли ровно половину таблицы, которая будет соответствовать размеру его родительского элемента. Я хочу, чтобы мой текст был заключен в тд. Вот как это выглядит:

Я хочу, чтобы текст обернулся вокруг 20, чтобы он не перекрывал другой текст. Я не могу использовать
.

Вот JSFiddle проблемы.