Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>.narrow{width:8em;border:1px solid #ccc;padding:.5rem}</style>
</head>
<body>
  <h1>Soft Hyphen (&amp;shy;) Demo</h1>
  <p class=narrow>extraordi&shy;nary</p>
  <p class=narrow>Hex: extraordi&#xAD;nary</p>
  <p class=narrow>Decimal: extraordi&#173;nary</p>
  <p>Resize the window to see the optional break.</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Soft Hyphen (U+00AD)