By Stephen Walker

In case you didn’t know it, WordPress has a couple of built-in auto-formatting features that are really helpful — the em dash and the en dash. These two styles are often used to separate content, with the em dash used quite often in lieu of a comma. If you are unfamiliar with these terms, the en dash is the width of the let N, and the em dash is the width of the letter M. The en dash is not often used but can be used between dates or other sequences (e.g., 1–50). According to the AP Style Guide, which only uses hyphens and em dashes, the em dash is used to signal abrupt change; as one option to set off a series within a phrase; before attribution to an author or composer in some formats; after datelines; and to start lists.

Hyphens and Dashes

When writing content, you often need to put breaks between words or content. While the traditional hyphen is easy, the others are not as straightforward until you know about them. To use the em dash and en dash in WordPress, the implementation is easy:

  • A standard hyphen (-) uses a single hyphen
  • An en dash (–) is generated when two hyphens are used together – –
  • An em dash (—) is generated when three hyphens are used together – – –

Sometimes you need to demonstrate two hyphens — such as CSS variables (- -awb-color1) and possibly three, as in the example above. To bypass this auto-formatting, just put a space between each hyphen. This works in the core WordPress Editor (aka Gutenberg) as well as the classic editor employed by Avada.

Originally published on October 2, 2022

Most Advanced WordPress Form Builder

share the article

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

RELATED ARTICLES

  • New Links Catalog

    Instead of continuing to add to the footer, I decided to create a links page that will allow me to add unlimited links, categories them, and with the use of wpGridBuilder, create a faceted filtering capability.

  • The Case of the Strange Gap

    If you are new to Avada there are some defaults that can trip you up. Page content padding is one of those, but as always, very easy to overcome.

  • Calling for Input

    I am working on my 2023 publishing schedule and want your feedback. Please submit ideas for new posts, demos, and videos.

  • To Avada, or not to Avada (Winter 2022)

    Oh no, not again. Every few months, I find new reasons to like and dislike Avada. This is just the latest installment.

  • Avada Website Showcase

    I added an Avada Showcase to allow others to share their websites. The goal is to inform and inspire others on the power of the Avada Website Builder

  • The Navigator – easily navigating your page structure

    In Avada 7.8, the Theme Fusion team made the decision to drop the wireframe view from the Live Builder in favor of the navigator panel. I am so glad they did.