Krazykiwi @ Kiwitopia

This post is purely to experiment with styling.

Now here's some more unstyled text

This paragraph has a span in the middle of it.

Code for the above:

‹p style="color: red; border: green 1px dashed;"›This post is purely to experiment with styling.‹/p›
‹p›Now here's some more unstyled text‹/p›
‹p›This paragraph has a ‹span style="color: red; border: blue 2px dotted;"›span‹/span› in the middle of it.‹/p›

Now to play with a blockquote

“I am reading six books at once, the only way of reading; since, as you will agree, one book is only a single unaccompanied note, and to get the full sound, one needs ten others at the same time.”

― Virginia Woolf, The Letters of Virginia Woolf: Volume Three, 1923-1928

and some more text around it to make the quote really stand out nicely.

and how to do that:

‹p›Now to play with a blockquote‹/p›
‹blockquote style="margin: 2em;"›“I am reading six books at once, the only way of reading; since, as you will agree, one book is only a single unaccompanied note, and to get the full sound, one needs ten others at the same time.”‹/blockquote›
‹p style="margin-top: -2em; margin-bottom: 1em; margin-right: 2em; text-align: right; font-size: x-small; font-style: italic;"›? Virginia Woolf, The Letters of Virginia Woolf: Volume Three, 1923-1928‹/p›
‹p›and some more text around it to make the quote really stand out nicely.‹/p›

You could do the blockquotes globally with custom css:

blockquote {margin: 2em;}

.attribution {margin-top: -2em: margin-bottom: 1em: margin-right: 2em; text-align: right; font-size: x-small: font-style: italic;}

Then you'd mark blockquotes in your posts with blockquote, and the attribution line with <p class="attribution"> </p>. Note the dot in the css at the start of the word attribution, it's important (it basically stands for the class in the html source)