<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>