Place a punctuation mark outside the start edge of the first line of the p element:
p
{
hanging-punctuation:first;
}
Browser support
| Ie | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
Currently, the hanging-punctuation property is not supported by mainstream browsers.
Definitions and usages
The hanging-punctuation property specifies whether punctuation is placed outside the line box at the beginning or end of the entire line of text.
| Default: | none |
|---|---|
| Inheritance: | yes |
| Version: | CSS3 |
| JavaScript syntax: | object .style.hangingPunctuation="first" |
Grammar
hanging-punctuation: none|first|last|allow-end|force-end;
| Value | Describe |
|---|---|
| none | Label symbols are not placed outside the line box at the beginning or end of the entire line of text. |
| first | Punctuation is attached outside the start edge of the first line. |
| last | Punctuation is attached outside the end edge of the first line. |
| allow-end | |
| force-end |