hyphens でハイフネーションを行う際、改行前の末尾に付加する文字を指定します。現時点(2022年7月)ではまだ Chrome, Edge, Safari, Opera ではベンダープレフィックス -webkit- が必要です。

.box {
  width: 8rem;
  border: 1px solid #999;
  padding: .2rem;
  margin-bottom: .5rem;
  hyphens: auto;
}
.asterisk {
  -webkit-hyphenate-character: "*";
  hyphenate-character: '*';
}

<div lang="en" class="box">pneumonoultramicroscopicsilicovolcanoconiosis</div>
<div lang="en" class="box asterisk">pneumonoultramicroscopicsilicovolcanoconiosis</div>

• https://developer.mozilla.org/ja/docs/Web/CSS/hyphenate-character
• https://drafts.csswg.org/css-text-4/#propdef-hyphenate-character