You are here

HTML commands for boxed computer code

When editing an article, code snippets should be boxed and formatted differently for clarity. In the editor, click Source to view the html, and replace all instances of <pre> (just before the code snippet) with the following (formatted as a code snippet itself):

<pre style="font-family: 'Courier New'; font-size: 12px; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(140, 172, 187); border-right-color: rgb(140, 172, 187); border-bottom-color: rgb(140, 172, 187); border-left-color: rgb(140, 172, 187); color: black; background-color: rgb(222, 231, 236); overflow-x: auto; overflow-y: auto; ">
Repeated below:
<pre style="font-family: 'Courier New'; font-size: 12px; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(140, 172, 187); border-right-color: rgb(140, 172, 187); border-bottom-color: rgb(140, 172, 187); border-left-color: rgb(140, 172, 187); color: black; background-color: rgb(222, 231, 236); overflow-x: auto; overflow-y: auto; ">