CSS：標題越來越短

Question

我在我的iPhone和320px寬的FF瀏覽時都遇到了這個問題。請注意這個詞「投資」是被截斷：

影響它的唯一的方式是非常基本的這使它特別混亂，我甚至已經嘗試用不同的字體，但仍然沒有運氣

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非打破空間entitiy：

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

刪除它做：

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

這應該解決這個問題，不適用需要玩CSS來玩。

Answer 2

希望在上班的路上它會幫助你

h3{ word-break: break-all;}