­ How To Get Rid Of The Extra Hyphen At The End Of Word

I have a word that I have put a ­ inside. It hyphens alright until I get to a small enough screen size then it adds an extra hyphen at the end. Edit: Can't reproduce it in

Solution 1:

Can you use flex?

Codepen

HTML

It seems to work in chrome for me if I add display: inline-flex;

<h3class="something">
  Flu&shy;ffyluffy Some&shy;something
</h3>

CSS

.something{
 width:60px;
 display: inline-flex;
}