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.