Слово Перерыв в перкулярном тексте для разных разрешений экрана

Question

Мне нужно показать заголовок таким образом, чтобы всякий раз, когда мы уменьшаем размер экрана, на второй строке должно отображаться более одного слова.

Пример:

Фактические приспособленный с браузером

Слово Перерыв на perticular текста для различных разрешений экрана

Он должен представлять как

Слова разорваться при суточный текст для разных

разрешение экрана

Не нравится этот один

Слово Перерыв на perticular текста для различных экрана

резолюции

Я попытался с помощью <wbr> и ­, но не в состоянии добиться успеха ,

Answer 1

Вы можете вставить   между словами экрана и разрешение. Или вы можете обернуть два слова в span элементе с white-space: nowrap; применяется:

---

Пример: http://codepen.io/anon/pen/meqvGw

<p>Word Break at a perticular text for different 
    screen&nbsp;resolutions</p> 

<p>Word Break at a perticular text for different 
    <span style="white-space: nowrap;">screen resolutions</span><p> 

Во всяком случае я бы с последним примером, так как вы можете можете удалить эту недвижимость через mediaqueries на небольших видовых экранах