Block indent

[elrhiarhodan]

Hi there, don't know if anyone's listening to this comm anymore, but I could use some help with a skin.

AO3 doesn't support the indent [ div style="margin-left: 40px"] tag, insisting that the [blockquote] tag is equivalent, but it isn't, as a [blockquote] tag places a border around the text. I have no experience with skins or how to write one. I've looked at various tutorials but can't figure out how to make one work for the simple task of indenting multiple paragraphs.

Can anyone help?

Comments

[elrhiarhodan]

I'm writing an extended flashback scene, and if I was to post in on DW, I'd use the DIV STYLE indent tag to indent all of the paragraphs, not just the first line of the paragraph. That's where it's similar to a blockquote. But the Blockquote tag puts a line down the left side, which I don't want:

So any help you can offer will be most appreciated. Thank you for responding!

[poulpette]

OK. I see what you you want now.

Well blockquote isn't supposed to be used for the sole purpose of indenting text, but rather quoting blocks of it. So in that you're not wrong in that they're not equivalent to a div tag.

From what I can see on their tutorial, AO3 does allow div tags, just maybe not styling them directly. Which is what you were doing using the style attribute in the tag.

Rather you should use classes to style your flashback div. Here's an exemple:

<div class="flashback">Replace this text with your flashback.</div>

You'll need to create a worksin, into wihich you'll define the style associated with the .flashback class like so:

.flashback {
    margin-left: 40px;
}

Once that's saved and done, you can pick that work skin for your work and you'll be in business :)