Template:Blockquote/testcases-images

Demonstration of the problem
This paragraph is not in a quote template.

"This paragraph is in an unadjusted template, but the only way you're going to know that is by looking at the source."

"This paragraph is in a bare  element, but the only way you're going to know that is by looking at the source." "This paragraph is in a template with "

This paragraph is in a  template with the same  This paragraph is not in a quote template.

Demonstration of how the problem is not apparent in the absence of images
This paragraph is not in a quote template. "This paragraph is in an unadjusted template."

"This paragraph is in a bare  element." "This paragraph is in a template with "

This paragraph is in a  template with the same  This paragraph is not in a quote template.

Demonstration that the proposed fix does not break display in absence of images
This paragraph is not in a quote template. "This paragraph is in a bare  element." This paragraph is in a  element with, demonstrating that the indentation is being done by   exclusively. "This paragraph is in a bare </blockquote> element." <blockquote style="margin-left: 2.8em;">This paragraph is in a <blockquote ></blockquote> element with, demonstrating that this is the exact amount of margin being applied (compare to default example just above it). <blockquote style="margin-left: 0; padding-left: 2.8em;">This paragraph is in a <blockquote ></blockquote> element with, demonstrating that the indentation can be matched simply by using  insetad of  . This paragraph is not in a quote template.

Demonstration that the proposed fix works when there are images
This paragraph is not in a quote template. "This paragraph is in a bare <blockquote ></blockquote> element, but the only way you're going to know that is by looking at the source." <blockquote style="margin-left: 2.8em;">This paragraph is in a <blockquote ></blockquote> element with, demonstrating that this is the exact amount of margin being applied (compare to default example just above it). <blockquote style="margin-left: 0; padding-left: 2.8em;">This paragraph is in a <blockquote ></blockquote> element with, demonstrating that the indentation can be matched simply by using  insetad of  . This paragraph is not in a quote template.

Demonstration that the proposed fix works on both sides
This paragraph is not in a quote template. "This paragraph is in a bare <blockquote ></blockquote> element, but the only way you're going to know that is by looking at the source." "This paragraph is in a template with, demonstrating that the indentation problem can be fixed simply by using instead of  ."

<blockquote style="margin-left: 0; margin-right: 0; padding-left: 2.8em; padding-right: 2.8em;">This paragraph is in a <blockquote ></blockquote> element with, demonstrating that the indentation problem can be fixed simply by using  instead of  . This paragraph is not in a quote template.

Demonstration that the proposed fixed displays the same as before, in the absence of images
This paragraph is not in a quote template. "This paragraph is in a bare <blockquote ></blockquote> element." "This paragraph is in a template with, demonstrating that the indentation problem can be fixed simply by using instead of  ."

<blockquote style="margin-left: 0; margin-right: 0; padding-left: 2.8em; padding-right: 2.8em;">This paragraph is in a <blockquote ></blockquote> element with, demonstrating that the indentation problem can be fixed simply by using  instead of  . This paragraph is not in a quote template.

Demonstration of a totally different approach
This paragraph is not in a quote template. This paragraph is in a bare <blockquote ></blockquote> element, but the only way you're going to know that is by looking at the source. "<p style="margin-right: inherit; margin-left: inherit;">This paragraph is in a template with, demonstrating that the indentation problem can be fixed simply by having the child paragraph inherit the left and right margins of its parent blockquote tag."

<p style="margin-right: inherit; margin-left: inherit;">This paragraph is in a <blockquote ></blockquote> element with, demonstrating that the indentation problem can be fixed simply by having the child paragraph inherit the left and right margins of its parent blockquote tag.

<p style="margin-right: inherit; margin-left: inherit;">This paragraph is below the images in a <blockquote ></blockquote> element with, demonstrating that the inherited margin may cause double indentation when there is no floating content. This paragraph is not in a quote template.

Demonstration of how that approach fails
This paragraph is not in a quote template. This paragraph is in a bare <blockquote ></blockquote> element, but the only way you're going to know that is by looking at the source. "<p style="margin-right: inherit; margin-left: inherit;">This paragraph is in a template with, demonstrating that the indentation problem can be fixed simply by having the child paragraph inherit the left and right margins of its parent blockquote tag."

<p style="margin-right: inherit; margin-left: inherit;">This paragraph is in a <blockquote ></blockquote> element with, demonstrating that the indentation problem can be fixed simply by having the child paragraph inherit the left and right margins of its parent blockquote tag.

<p style="margin-right: inherit; margin-left: inherit;">This paragraph is below the images in a <blockquote ></blockquote> element with, demonstrating that the inherited margin may cause double indentation when there is no floating content. This paragraph is not in a quote template.