While developing for WordPress, there is always a need to write up tutorials that explain how features work. One feature that is especially hard to document, is shortcodes. Why? because when you try to display the shortcode on your post or page, it tries to execute it.
The solution that WordPress offers, which is by far the simplest is to add an extra set of brackets around the shortcode.
Unfortunately, this has been known to not work when multiple examples are used in a single post or when using opening and closing shortcodes.
A workaround can be found using the <code> tag.
By separating out the first bracket, WordPress is unable to execute the shortcode inside and instead displays it for all to see.