WordPress Howto: Simply displaying text blocks with horizontal scrolling

There I was spending long hours rummaging around the net for a WordPress plugin to display programming code and preformatted text blocks with horizontal scroll bars instead of wrapping long lines. It turns out the solution is really quite simple:

You simply bracket your code or preformatted text like so:


<pre style="overflow-x: scroll; padding: 10px; color: white; background:#000033;"><code>

           Your long lines of stuff go....................................................................here

</code></pre>