How to generate a rectangular box for a piece of code or commands

Any one???

Usually aesthetics are managed with themes. In the case of the site you link to, they’ve wrapped that text in <code></code> and then styled the code attribute.

The easiest way to get something like that would be to add

code {
  border: 1px dashed black;
}

to the style.css file of the theme you’re using. Then where you want that border, do something like this:

<code>Code goes here.</code>

There’s much more you can do with CSS, but that should get you started.

Any one???

Sheesh, it’s only been 15 hours ??

I personally like this one: WP-Syntax. It let’s you surround your code with

<pre lang="text">
Useful code here
</pre>

If you drop a wp-syntax.css in your theme’s directory, you can easily use CSS to style the box.

You will have to add the tags via the HTML section of the editor.

I have tried WP-Syntax, but it doesn’t work for me.

The codebox is about 15px high and blank ??