更改字体后，最后一个单词将换行到另一行

Question

这真让我生气。

以下是更改字体之前网站的用法：

这就是改变字体后的方式，新字体为Droid Arabic Kufi from here.

在更改字体之前，您会看到我们在同一行上的单词“مالكاللحام”，而在更改字体后，最后一个单词会转到另一行。

这种情况正在发生，虽然我没有对宽度做任何限制，它只包括最后一个字，无论有多少字，请看这里：

请注意，我没有使用word-warp，word-break，width或我知道可能合理导致此问题的任何内容。我唯一能够知道导致问题的是，阻止级联浮动值！

这里很难解释，所以请尝试检查here in this link并将float设置为none。对于该元素，该问题将消失，但对于遭受相同问题且无法以相同方式解决的许多其他元素将不会消失。因为设置float:none;会将这些元素浮动到左侧，这不是我想要的。

任何帮助将不胜感激，我已经尝试了几个小时没有任何成功。

Answer 1

尝试添加

  

white-space：nowrap

包含文字的元素（例如.post-author，.cats和<time>）。

Answer 2

div a中的.author未正确关闭：

<a class="url fn n" href="..." title="شاهد جميع المقالات التي كتبها مالك اللحام">مالك اللحام</a>

应阅读：

<a class="..." href="..." title="...">...</a>

<"应为">。

您可以使用 

This will not wrap!