<head>
<style>
    body { font-family: 'Ahem'; color:green }
    .hang { hanging-punctuation: last; margin:1em }
</style>
</head>
<body>
<div style="float:left;" class="hang">(Hang test)  </div>
<div style="clear:both">
<div class="hang" style="width:4em">No.<br>Yes.)  </div>
<div class="hang" style="text-align:justify; width:4em;">Yes <span>) </span></div>
<div class="hang" style="text-align:justify; width:4em;">No. <span style="border-right:1em solid blue">) </span>  </div>