Template:Blockquote/testcases-images
| File:Gnome-applications-science.svg | This is the template test cases page for the sandbox of Template:Blockquote. to update the examples. If there are many examples of a complicated template, later ones may break due to limits in MediaWiki; see the HTML comment "NewPP limit report" in the rendered page. You can also use Special:ExpandTemplates to examine the results of template uses. You can test how this page looks in the different skins with these links: |
 | To use these tests, you may have to adjust your font size (ctrl-minus or cmd-minus, or whatever) to ensure that the text in the examples remains beside/between the images. |
Demonstration of the problem
This paragraph is not in a quote template. Template:Lorem
This paragraph is in an unadjusted
{{quote}}template, but the only way you're going to know that is by looking at the source. Template:Lorem
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. Template:Lorem
This paragraph is in a
{{quote}}template withpadding-left: 1em;Template:Lorem
This paragraph is in a
<blockquote>...</blockquote>template with the samepadding-left: 1em;Template:Lorem
This paragraph is not in a quote template. Template:Lorem
Demonstration of how the problem is not apparent in the absence of images
This paragraph is not in a quote template. Template:Lorem
This paragraph is in an unadjusted
{{quote}}template. Template:Lorem
This paragraph is in a bare
<blockquote>...</blockquote>element. Template:Lorem
This paragraph is in a
{{quote}}template withpadding-left: 1em;Template:Lorem
This paragraph is in a
<blockquote>...</blockquote>template with the samepadding-left: 1em;Template:Lorem
This paragraph is not in a quote template. Template:Lorem
Demonstration that the proposed fix does not break display in absence of images
This paragraph is not in a quote template. Template:Lorem
This paragraph is in a bare
<blockquote>...</blockquote>element. Template:Lorem
This paragraph is in a
<blockquote>...</blockquote>element withmargin-left: 0;, demonstrating that the indentation is being done bymarginexclusively. Template:Lorem
This paragraph is in a bare
<blockquote>...</blockquote>element. Template:Lorem
This paragraph is in a
<blockquote>...</blockquote>element withmargin-left: 2.8em;, demonstrating that this is the exact amount of margin being applied (compare to default example just above it). Template:Lorem
This paragraph is in a
<blockquote>...</blockquote>element withmargin-left: 0; padding-left: 2.8em;, demonstrating that the indentation can be matched simply by usingpaddinginsetad ofmargin. Template:Lorem
This paragraph is not in a quote template. Template:Lorem
Demonstration that the proposed fix works when there are images
This paragraph is not in a quote template. Template:Lorem
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. Template:Lorem
This paragraph is in a
<blockquote>...</blockquote>element withmargin-left: 2.8em;, demonstrating that this is the exact amount of margin being applied (compare to default example just above it). Template:Lorem
This paragraph is in a
<blockquote>...</blockquote>element withmargin-left: 0; padding-left: 2.8em;, demonstrating that the indentation can be matched simply by usingpaddinginsetad ofmargin. Template:Lorem
This paragraph is not in a quote template. Template:Lorem
Demonstration that the proposed fix works on both sides
This paragraph is not in a quote template. Template:Lorem
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. Template:Lorem
This paragraph is in a
{{quote}}template withmargin-left: 0; margin-right: 0; padding-left: 2.8em; padding-right: 2.8em;, demonstrating that the indentation problem can be fixed simply by usingpaddinginstead ofmargin. Template:Lorem
This paragraph is in a
<blockquote>...</blockquote>element withmargin-left: 0; margin-right: 0; padding-left: 2.8em; padding-right: 2.8em;, demonstrating that the indentation problem can be fixed simply by usingpaddinginstead ofmargin. Template:Lorem
This paragraph is not in a quote template. Template:Lorem
Demonstration that the proposed fixed displays the same as before, in the absence of images
This paragraph is not in a quote template. Template:Lorem
This paragraph is in a bare
<blockquote>...</blockquote>element. Template:Lorem
This paragraph is in a
{{quote}}template withmargin-left: 0; margin-right: 0; padding-left: 2.8em; padding-right: 2.8em;, demonstrating that the indentation problem can be fixed simply by usingpaddinginstead ofmargin. Template:Lorem
This paragraph is in a
<blockquote>...</blockquote>element withmargin-left: 0; margin-right: 0; padding-left: 2.8em; padding-right: 2.8em;, demonstrating that the indentation problem can be fixed simply by usingpaddinginstead ofmargin. Template:Lorem
This paragraph is not in a quote template. Template:Lorem
Demonstration of a totally different approach
This paragraph is not in a quote template. Template:Lorem
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
{{quote}}template withmargin-right: inherit; margin-left: inherit;, 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.
This paragraph is in a
<blockquote>...</blockquote>element withmargin-right: inherit; margin-left: inherit;, 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.
This paragraph is below the images in a
<blockquote>...</blockquote>element withmargin-right: inherit; margin-left: inherit;, demonstrating that the inherited margin may cause double indentation when there is no floating content.
This paragraph is not in a quote template. Template:Lorem
Demonstration of how that approach fails
This paragraph is not in a quote template. Template:Lorem
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
{{quote}}template withmargin-right: inherit; margin-left: inherit;, 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.
This paragraph is in a
<blockquote>...</blockquote>element withmargin-right: inherit; margin-left: inherit;, 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.
This paragraph is below the images in a
<blockquote>...</blockquote>element withmargin-right: inherit; margin-left: inherit;, demonstrating that the inherited margin may cause double indentation when there is no floating content.
This paragraph is not in a quote template. Template:Lorem