> {{leftjustify{[[Test1]]}}}
> {{indent{[[Test2]]}}}
> What I get in the main menu is right justified Test1 and a second
> line, Test2, also right justified.
{{classname{this is a SPAN}}}
{{classname{
this is a DIV}}}
The extents (dimensions) of a SPAN (inline element) are only as big as
the content inside it. However, the extents of a DIV (block element)
will go all the way across the whole container (e.g., the MainMenu).
Thus, text-alignment CSS (left/center/right/justify) will only work
properly if applied to a DIV (or a SPAN with style='display:block')
Try adding "display:block;" to your CSS rules:
.leftjustify{ text-align:left; display:block; }
.indent{ text-align:left; margin-left:1em; display:block; }
Alternatively, you could leave the CSS as-is and just write:
{{leftjustify{
[[Test1]]}}}
{{indent{
[[Test2]]}}}
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
