I found this site to be really useful, especially the section on CSS Selectors:
http://css.maxdesign.com.au/selectutorial/

-Ed

Is it compatible with all browsers?

Yes, although not IE6 and below.

Do you have a link to some documentation on the subject? I tried Googling “add html elements in css”, but that rendered silly results.

Just do a google search for adjacent sibling selector for that is what it is called.

Rob

Come to think of it, if you don't use block quotes, you could redefine that style to do what you want with a simple leading "> ". Or you could hijack the style used for notes, but that syntax requires wrapping in "[[note]]…[[/note]]".

You're a genius! You set the challenge, and I accept:

 blockquote { margin: 0; border: none; padding: 0; background-color: transparent; } blockquote p { margin: 0; text-indent: 3em; } blockquote p + p { margin: 1em 0 0; } 

So that will turn blockquotes into normal text but with indents. So this code:

 > Kynan is awesome! 

@ Pieter

p + p {

OMG! I had no idea you could do that in CSS! This opens a whole world of possibilities! Is it compatible with all browsers? Do you have a link to some documentation on the subject? I tried Googling “add html elements in css”, but that rendered silly results.

And while I'm at it, I wish [[span]] took a class= attribute…

Umm, it does. [[span class="name"]]

BTW, even if I used the [[div]] method, I would do it using "class=NAME" rather than a raw style, and define the style in CSS. Much more configurable if you decide to change the appearance a bit later.

And while I'm at it, I wish [[span]] took a class= attribute….

Search for "upside down text", that should do it. It's Unicode, btw, someone even more evil than me discovered that there are characters in random alphabets that just almost look like upside down Latin characters. See http://en.wikipedia.org/wiki/Transformation_of_text

Pieter, this reminds me of a post by someone back in late 2006 asking “A related thing, how can I enter a non-breaking space?”

And me getting into that same thread a year later asking “Can we please have a solution for
the non-breaking space ( ), or better all HTML &xxx; variables?”

Can we get that maybe now?

P.S. How do you generate that upside-down stuff?

  Brigand, your question was really quite fun.

  It took me a while to find this particular solution, which I'm using here.

  It is simple. There are no divs, no changes needed to Wikidot, no other hacks.

   You can indent paragraphs as far as you like.

  It works with any stylesheets.

  It works immediately and requires just that you type the indent.

  Are you interested? If so, əɔɐdsɯə ɹo '3002+n əɔɐds əpoɔıun ɐ s,ʇı¹

  To use, just copy and paste this code and remove or add spaces at the start using your editor's copy/paste functions. :-)

Have to use the * to prevent the header from showing up in the TOC, unless there's another way to use CSS to prevent that. In the end, this workaround works, but it's messy and causes problems with TOC's… so I'd still like ^ added as an indent syntax.

Edit - I would have to have 21 paragraphs on a single page before the number of keystrokes before the +* solutions equals the [[div…. solution. =)

From http://www.w3.org/Style/Examples/007/indent

 p { margin-bottom: 0 } p + p { text-indent: 1.5em; margin-top: 0 } 

Using div's around every paragraph is not an option either because one, I'm lazy, and two… it's a lot of typing for little benefit.

You put the div round the whole text, not each paragraph. It's 2 lines only that you've got to type!

Rob

1) CSS:

Just add the following to your custom CSS:

 p { text-indent:25px; } 

This will indent the text for all paragraphs throughout your site.

2) Div:

If you only want it on selected paragraphs and therefore have more flexibility, use a div like this:

 [[div style="text-indent: 25px;"]] Donec viverra nibh sed.. .. etc [[/div]] 

which gives you:

Rob

Changing the wiki syntax is a low priority: it can happen, but not immediately.

Try either of these workarounds:

 [[div style="text-indent:20px"]] Your indented paragraph here. [[/div]] 

Or

 ##white|___##Your indented paragraph here. 

___Your indented paragraph here.

^ This paragraph would be indented, say a minimum of 5 em.

This paragraph would not be indented.