Use straight apostrophes and quotation marks in handbook pages about punctuation

[sabernhardt]

At least two punctuation pages run through a content filter (wptexturize?) that automatically replaces straight quotes with curly quote entities. However, these pages specifically say to use the straight apostrophes and quotation marks.

The first paragraph of the Apostrophes page replaces with a left quote: same character as a single quotation mark (‘)

On the Quotation marks page, the Straight and curly quotation marks section replaces with right and left double quotes: use straight quotation marks (” “).

Suggested Fix

The characters probably could be wrapped in code tags, and I think the element could be inline instead of inline-block (to avoid a line break before or after when text wraps to the next line):
<code style="display:inline;">"</code>

• The Apostrophes page has multiple curly apostrophes, but I think correcting only the one would be sufficient.
  
• For the Quotation marks page, both paragraphs under "Straight and curly quotation marks" need straight quotes, and the Recommended example needs the correct characters too. It might also be worth wrapping the curly quotes in the first paragraph (but I did not do that for the screenshot below).
  

[github-actions]

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

[sabernhardt]

When the characters are in parentheses, you alternatively could use inline-block for everything that needs to stay on the same line:

• <span style="display:inline-block;">(<code>'</code>).</span>
• <span style="display:inline-block;">(<code>" "</code>)</span>

However, <code style="display:inline;">"</code> seems better for the Recommended example (shown above). Wrapping the entire quoted text in an inline-block element would push all of it to the next line: