Html css uikit网格组件：Google Chrome中div中的文本重叠

我正在使用uikit网格组件处理以下网页，以显示书籍/期刊订阅：

在Firefox和Internet Explorer中，一切看起来都很好。但在谷歌Chrome上，我对项目描述的显示有一个问题。说明文本与其他列重叠

我已经在网上搜索过了，并尝试使用一些css技巧来解决这个问题，比如：display:block；溢出：隐藏；明确：两者皆有； 目前没有成功

---

如果有人能帮助我，我将不胜感激。

请将您的文本用div分隔，并将宽度设为90%

<div style="width:90%">
     <p>
     your text is here
     </p>
</div>

你的文字在这里

您需要的是将word wrap属性设置为断开word

例如：

*{
    word-wrap: break-word;
}