Test: Difference between revisions

Browse history interactively

← Older edit Newer edit →

Content deleted Content added

VisualWikitext

Inline

@@ Line 137: / Line 137: @@
 === Cases that work now but can break with other approaches ===
-==== Paragraphs in div with padding and background, common case in the interface ====
+==== Paragraphs in a container with padding and background, common case in the interface ====
 Top and bottom margin should match here:
@@ Line 176: / Line 176: @@
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-==== Hidden elements ''before'' the first paragraph (very common case) ====
+==== Hidden elements ''before'' the first paragraph in a container (very common case on top of pages) ====
+<div style="background-color: #fef6e7; padding: 0.5em;">
 {{hidden}}
 {{hidden}}
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+</div>
-==== Hidden elements ''after'' the last paragraph (relatively rare case) ====
+==== Hidden elements ''after'' the last paragraph in a container (relatively rare case) ====
+<div style="background-color: #fef6e7; padding: 0.5em;">
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 {{hidden}}
 {{hidden}}
+</div>
 === Empty section at the end (to look at the spacing of the paragraph above) ===