User:Amwelladmin: Difference between revisions

Revision as of 10:32, 23 August 2024

Header A	Header B
Cell A1	Cell B1
Cell A2	Cell B2

Header 1	Header 2	Header 3
Cell 1	Cell 2	Cell 3
Cell 4	Cell 5	Cell 6

Header X	Header Y	Header Z
Cell X1	Cell Y1	Cell Z1
Cell X2	Cell Y2	Cell Z2

@@ Line 1: / Line 1: @@
-{| class="mw-static-table" style="float: right; width: 50%; background-color: #ADD8E6;"
+{| style="width: 49%; margin: 0; border: 1px solid #000; float: right; clear: both;"
-! colspan="2" | Static Table (Blue)
+! Header A !! Header B
 |-
-| Row 1, Cell 1
+| Cell A1 || Cell B1
-| Row 1, Cell 2
 |-
-| Row 2, Cell 1
+| Cell A2 || Cell B2
-| Row 2, Cell 2
-|-
-| Row 3, Cell 1
-| Row 3, Cell 2
 |}
-{| class="mw-adaptive-table" style="width: 100%; background-color: #90EE90;"
-! colspan="2" | Adaptive Table (Green)
+{| style="width: 49%; margin-right: 1%; margin-left: 0; border: 1px solid #000; float: left; clear: both;"
-|-
+! Header 1 !! Header 2 !! Header 3
-| Row 1, Cell 1
-| Row 1, Cell 2
 |-
-| Row 2, Cell 1
+| Cell 1 || Cell 2 || Cell 3
-| Row 2, Cell 2
 |-
-| Row 3, Cell 1
+| Cell 4 || Cell 5 || Cell 6
-| Row 3, Cell 2
 |}
-Some text here to demonstrate how the tables interact with surrounding content. This text should wrap around the tables on wider screens and flow between them on narrower screens.
-{| class="mw-adaptive-table" style="width: 100%; background-color: #98FB98;"
+<div style="clear: both;"></div>
-! colspan="2" | Second Adaptive Table (Light Green)
+{| style="width: 100%; margin: 0; border: 1px solid #000; clear: both;"
+! Header X !! Header Y !! Header Z
 |-
-| Row 1, Cell 1
+| Cell X1 || Cell Y1 || Cell Z1
-| Row 1, Cell 2
 |-
-| Row 2, Cell 1
+| Cell X2 || Cell Y2 || Cell Z2
-| Row 2, Cell 2
 |}