Css 单词扭曲属性"；破折号；不'；我的课文不行

我有这个css代码：

.SubjectCell{
width: 300px;    
padding-left: 3em;
padding-right: 2em;
color: black;
font-size: 20px;
word-wrap:break-word;  }

我在数据列表中的表中的表单元格上应用了此类：

<td class="SubjectCell">
<br />
<p>SOMEVERYVERYVERYVERYVERYVERYVERYVERYlongword</p>
</td>  

一些长单词

但是它一点也不破坏文字！！有什么帮助吗？

添加以下内容：

table {
    table-layout:fixed;
    width:100%;
}

---

添加

表格布局：固定到表中

jsfiddle: