If anybody is interested, this is the style I ended up settling on.
Although nbsp's were quick and dirty, I decided to do it all properly.
The result is much much cleaner and scales to displays.
------------
p {
display: block;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin-top: 1em;
text-indent: 1em;
color: #231F20
}
.code {
font-family: Courier, serif;
color: #231F20;
text-indent: 0em
}
.highlight {
font-family: Courier, serif;
color: #231F20;
text-indent: 0em
}
.comment {
font-family: Courier, serif;
color: #797A7C
}
.tab1 {
margin-left: 3%;
}
.tab2 {
margin-left: 6%;
}
.tab3 {
margin-left: 9%;
}
.tab4 {
margin-left: 12%;
}
Using a paragraph with class="code" works a charm, then add in the tabs for each line (time consuming, but quicker with a macro keyboard like a Sidewinder or Logitech), endline comments can also quickly be formatted, and any single line comments can either use a tab*+comment clip or be done in code-view.
Overall I'm very pleased with the results. Even if it will take me over a week to complete it.
|