To display code in a block on your page or post

1. When editing your page or post, click the Text tab.

2. Scroll to where you want the code to appear and type:

<pre><code>

change later

</code></pre>

You can now go back to editing in Visual mode if you wish.  You should see something like this…

change later

Edit the 'change later' text as you require.