CSS:标题越来越短

Question

我在 iPhone 上和在 FF 中以 320 像素宽浏览时都遇到了这个问题。请注意“投资”一词被截断了:

影响它的唯一样式是非常基本的，这使得它特别困惑，我什至尝试过使用不同的字体但仍然没有运气

h1, h2, h3, h4, h5, h6 {
    color: #1abae5;
    font: 1em dezen_pro_regular, open_sansregular, arial, helvetica, sans-serif;
    line-height: 1em;
    margin: .5em 0 .25em;
    text-transform: uppercase;
}
h3 {
    font-size: 2.57142857142857em; /* 36px / 14px */
}

另外还有一个页面链接: - http://www.mattpealing-server.co.uk/~devkyada/about/

有谁知道哪里出了问题？我已经尝试了 word-wrap 属性，但它似乎没有按照我需要的方式工作

Answer 1

HTML 中似乎有一个不间断的空格实体:

<h3>For us health and safety is an essential&nbsp;investment:</h3>

删除它可以:

<h3>For us health and safety is an essential investment:</h3>

这应该可以解决问题，无需摆弄 CSS。