PP/Alignment

This page is the starting point for advice on how to left/center/right align text during post processing.

It was started as there is no currently obvious way to right align things like poetry attributions or letter signatures.

Simple Right Alignment

Here is a method for plain right alignment that might be used for attribution of a quote.

<div class="right">—R. L. James</div>

This is supported by one of the default classes in the CSS header:

.right  {text-align: right;}

Right Alignment for Poetry

Here is an example of how the attribution line for the author of a poem might be right-aligned. This assumes the use of the CSS header provided by Guiguts 1.3.2. Guiguts will do most of the formatting while the PPer must replace the indent text string with right in the class field.

<div class="poetry-container">
<div class="poetry">
  <div class="stanza">
    <div class="verse indent0">Poem Line 1</div>
    <div class="verse indent0">Poem Line 2</div>
    <div class="verse indent0">Poem Line 3</div>
    <div class="verse right">Author.</div>
  </div>
</div>
</div>

Signature Block

Here is one method for formatting a signature block at the end of a letter. Frequently they are right-aligned with the right margin but some different indents.

This formatting may also be useful for the address and date at the top of letter.

Set up one or more CSS classes in the header. This particular example requires two different classes as the two lines of the signature are indented by different amounts from the right margin.

.loving {margin-right: 6em; text-align: right; }
.dad {margin-right: 4em; text-align: right; }

The class names are selected to allow tuning of this signature block as the example document used it 20 times.

<p class="loving">Your loving,</p>
<p class="dad">“DAD.”</p>