<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
p:nth-child(3){
hanging-punctuation: none;
}
p:nth-child(5){
hanging-punctuation: first;
}
p:nth-child(7){
hanging-punctuation: last;
}
p:nth-child(9){
hanging-punctuation: force-end;
}
p:nth-child(11){
hanging-punctuation: allow-end;
}
</style>
</head>
<body>
<h1>CSS hanging-punctuation Property</h1>
<h2>hanging-punctuation: none;</h2>
<p>"Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales."</p>
<h2>hanging-punctuation: first;</h2>
<p>"Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales."</p>
<h2>hanging-punctuation: last;</h2>
<p>"Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales."</p>
<h2>hanging-punctuation: force-end;</h2>
<p>"Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales."</p>
<h2>hanging-punctuation: allow-end;</h2>
<p>"Joanne Rowling was born on 31st July 1965 at Yate General Hospital near Bristol, and grew up in Gloucestershire in England and in Chepstow, Gwent, in south-east Wales."</p>
<p><strong>Note</strong>: This example will only works in safari.</p> </body>
</html>