View Single Post
Old 08-16-2013, 04:09 AM   #5
garagearcades
Junior Member
garagearcades began at the beginning.
 
Posts: 3
Karma: 10
Join Date: Aug 2013
Device: PaperWhite
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.
garagearcades is offline   Reply With Quote