Firebug helps show how <pre> is formatted;

.viewer pre {
    background: none repeat scroll 0 0 #FFFFCC;
    border: 1px solid #FFEE88;
}
tiddlywiki.com #3 (line 116)
.viewer pre {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-left: 0.5em;
    overflow: auto;
    padding: 0.5em;
}


We need to change the left margin
from
margin-left: 0.5em;
to
margin-left: 2.5em;

That will shift the text left by two em - the width of 2 characters.
Add it to your StyleSheet and Bob's a Gudgeon.

ALex

On 6 June 2011 16:01, Sub <[email protected]> wrote:
> How to indent a pre box without using <html>?
>
> * List item 1
> * List item 2 - Code:
> :{{{
> Foo bar
> }}}
> * List item 3
>
> --
> You received this message because you are subscribed to the Google Groups 
> "TiddlyWiki" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to 
> [email protected].
> For more options, visit this group at 
> http://groups.google.com/group/tiddlywiki?hl=en.
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/tiddlywiki?hl=en.

Reply via email to