Non-Breaking Dash Html [Duplicate]

I know that there is a non breaking whitespace -  . Is there a non-breaking dash (-) I can use so that my word doesn't wrap (break) at that location. Also can someone point me to a list with characters that are considered with priority when breaking a sentence ( like a whitespace). Thanks in advance :)

0

Use ‑ instead of -, see the following example:

.box {
  border:1px solid #000;
  width:40px;
  word-wrap:normal;
}
<div class="box">
  This is a test&#8209;case / test-case
</div>
4
James H. Sterling

James H. Sterling

Environmental Science & Climate Journalist

James Sterling reports on renewable energy developments, climate policy, ecological conservation, and green tech innovations around the globe.

Share this article
Twitter Facebook Pinterest