HTML Editor
<!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>
OUTPUT
×

Save as Private