> However, I tried the following: > @@text-align:right;~TiddlyWiki is wonderful!@@ > The first one didn't work
The text-align CSS property can only be applied to block-level elements (i.e., a DIV, not a SPAN). This is because the SPAN width is only as wide as the content inside it, while the DIV width goes from left-margin to right-margin. Thus, a SPAN can never have extra whitespace padding with which to right align the text, while a DIV will. You can force a span to use block-level formatting (i.e., as if it was a DIV), by specificying "display:block" in the CSS. In TW syntax, you would write: @@text-align:right;display:block;...text goes here...@@ Alternatively, you can install http://www.TiddlyTools.com/#StyleSheetShortcuts which defines many convenient CSS classes for easy formatting of content. After importing the above tiddler, simply add: [[StyleSheetShortcuts]] to the bottom of your [[StyleSheet]] tiddler. This will automatically include the shortcuts in your default styles, so that you can use those classes in your content. To right-justify content use the shortcut CSS classes, you would write: {{right{...text goes here...}}} Note that the definitions of "right" includes "display:block", so that the content will always be displayed right justified to the current margins. QED. enjoy, -e Eric Shulman TiddlyTools / ELS Design Studios HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"... http://www.TiddlyTools.com/#Donations Professional TiddlyWiki Consulting Services... Analysis, Design, and Custom Solutions: http://www.TiddlyTools.com/#Contact -- 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.
