character</title>
  <style>
    h1 { margin-bottom: 40px; text-align:center;}
    h2 { font-family: monospace; }
    p { margin-bottom: 40px; }
  </style>
</head>

<body>
  <h1>hyphenate-character CSS property</h1>
  <div style="max-width:100px; margin:0 auto; border: 1px dashed black;">
    <h2>hyphenate-character:auto</h2>
    <p style="hyphens:auto; hyphenate-character:auto; color:red;">supercalifragilisticexpialidocious</p>

    <h2>hyphenate-character:'='</h2>
    <p style="hyphens:auto; hyphenate-char