"Free▼" разбивается на два слова в Chrome

У меня есть div с text-align: justify, который содержит несколько слов, разложенных для заполнения div, одним из которых является "Free▼". В Mozilla "Free▼" печатается как одно слово, но в Chrome он разделен на два разных слова, как показано в этой скрипке: (http://jsfiddle.net/806hjj7a/).

Кто-нибудь знает, как я могу сделать так, чтобы строки, содержащие специальные символы, печатались как одно слово?

<div class="justify">
  Lorem ipsum Ullamco quis ut Free▼
</div>

---

.justify {
  text-align: justify;
}
.justify:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
  line-height: 0;
}
1 4
html css google-chrome special-characters text-alignment

1 ответ:

Оберните их в промежуток с display: inline-block и text-align по мере необходимости (справа или слева)

Http://jsfiddle.net/806hjj7a/1/

4