another way to do this: [[!format]]
[ikiwiki.git] / 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
29
30 <div class="notebox">
31 [[!format mdwn """
32 This is my text with [a markdown link](#).
33
34 Here's a *second* paragraph.
35 """]]
36 </div>
37
38 >> There is more than one way to do it. If [[plugins/format]] is enabled, then this:
39 >>
40 >>     <div class="notebox">
41 >>     \[[!format mdwn """
42 >>     This is my text with [a markdown link](#).
43 >>
44 >>     Here's a *second* paragraph.
45 >>     """]]
46 >>     </div>
47 >>
48 >> is rendered like the box in this page.
49 >>
50 >> (I'm using the `notebox` class used by the `note` template here, but you could
51 >> use any class.) --[[smcv]]