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[edit source]
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[edit source]
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[edit source]
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[edit source]
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[edit source]
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[edit source]
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[edit source]
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[edit source]
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