doc/forum/formating:_how_to_align_text_to_the_right.mdwn

   1 As in title, how to align text to the right?
   2
   3 > Add to your local.css a class that aligns text to the right:
   4
   5         .alignright { text-align: right; }
   6
   7 > And then you just just use `<span class="alignright">` around
   8 > other html.
   9 >
  10 > You can refine that, and allow right-aligning markdowned text
  11 > by using the [[ikiwiki/directive/template]]
  12 > directive, with a template that contains the html. The
  13 > [[templates/note]] template does something similar. --[[Joey]]
  14
  15 >> Thanks!
  16
  17 -----
  18 > Doing this myself and noted that [[ikiwiki/markdown]] down does not allow the enclosure of block level elements directly; and thus we cannot switch the `span` suggested above for `div` in changing block level elements (not if you wish to include markdown, anyway).  For example, I want to create a paragraph (with markdown text) which is right aligned, and so add the following
  19
  20 >>     <span class="right_align">
  21 >>     This is my text with [a markdown link](/)
  22 >>     </span>
  23
  24 > The *correct* thing to do here is create a template (as indicated above) **but** a workaround I found useful was to over-ride the `inline` nature of the `span` element, as follows
  25
  26 >>     .align_right { display: block ; text-align: right ; }
  27
  28 > you may also like to remove the padding and margins since they will be provided by the enclosing block. -- fergus