Force break short words

Is it possible to break a short words by force, even when elements' width is larger? I don't need to minimize width, just want to add some padding around, also do not want to use <br>.

TRIED:
 word-break / overflow-wrap / inline-size


<a href='#'>Short word</a>

a{
padding: 6px 10px;
word-break: break-all;
}
Was this page helpful?