<style>
div {
    width: 160px;
    height: 100px;
    font-family: Ahem;
    font-size: 50px;
    line-break: after-white-space;
    text-decoration: underline;
}
</style>
<!-- hang the whitespace when soft wrap opportunity is only after the trailing content -->
<div>X X </div>
