Adding a Code Block to Gutenberg- WordPress 5.0

There may be some times when you want to show some computer code to your readers.  In the past that may have been hit or miss because the code may have executable instructions in it that would make the formatting inconsistent. 

The Code Block in Gutenberg allows you to add code to your content without worrying about weird formatting or execution issues.

Step 1 - Choose the Code block from the block selector by searching or going to the formatting category.

Step 2- You can now add the necessary code to your block.