📝 CSS hanging-punctuation Generator
Control how punctuation marks hang outside the line box
Settings
hanging-punctuation: first;
Live Preview
"This is a sample text with punctuation marks," she said. "Notice how the quotation marks and other punctuation can hang outside the text box."
Value Descriptions
- none: No punctuation marks hang (default)
- first: Opening quotes, brackets hang at the start of the first line
- last: Closing quotes, brackets hang at the end of the last line
- force-end: Punctuation marks at the end of the line hang
- allow-end: Punctuation marks may hang at the end if they do not fit
Note: Browser support for hanging-punctuation is currently limited. Works best in Safari.