html - ­ How to get rid of the extra hyphen at the end of word -

i have word have put ­ inside. hyphens alright until small enough screen size adds hyphen @ end.

edit: can't reproduce in jsfiddle, because seems interpret html differently. can show picture of problem however

<h3> flu&shy;ffyluffy some&shy;something</h3> 

becomes

with hyphen @ end

i saw , didn't answer, extra hyphen @ end of word if ­ used in middle of word , parent div narrow. "just make div wider".

are there ways make not add hyphens didn't ask instead?

writing

<h3 class="something">something something&shy;something</h3>    <style> .something{  width:85px } <\style> 

on http://htmledit.squarefree.com/

causes similar issue not quite. can seem replicate chrome

can use flex?

codepen

html

it seems work in chrome me if add display: inline-flex;

<h3 class="something">   flu&shy;ffyluffy some&shy;something </h3> 

css

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