User:Ilmari Karonen/sandbox/floats

X  RED Z  GREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEN X  RED

X  RED Z  GREEN

Line 1:  Line 1:      &lt;div class="floattest"&gt;  &lt;div class="floattest"&gt;      &lt;div class="floattest-row"&gt;  &lt;div class="floattest-row"&gt;       - &lt;div class="floattest-col floattest-left"&gt;&lt;span class="floattest-sign"&gt;X&lt;/span&gt;&lt;span class="floattest-outer"&gt;&lt;span class="floattest-inner"&gt;RED&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  + &lt;div class="floattest-col floattest-left "&gt;&lt;span class="floattest-outersign "&gt;&lt;span class="floattest-sign"&gt;X &lt;/span&gt; &lt;/span&gt;&lt;span class="floattest-outer"&gt;&lt;span class="floattest-inner"&gt;RED&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;       - &lt;div class="floattest-col floattest-right"&gt;&lt;span class="floattest-sign"&gt;Z&lt;/span&gt;&lt;span class="floattest-outer"&gt;&lt;span class="floattest-inner"&gt;GREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEN&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  + &lt;div class="floattest-col floattest-right "&gt;&lt;span class="floattest-outersign "&gt;&lt;span class="floattest-sign"&gt;Z &lt;/span&gt; &lt;/span&gt;&lt;span class="floattest-outer"&gt;&lt;span class="floattest-inner"&gt;GREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEN&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;     &lt;/div&gt;  &lt;/div&gt;      &lt;div class="floattest-row"&gt;  &lt;div class="floattest-row"&gt;       - &lt;div class="floattest-col floattest-left"&gt;&lt;span class="floattest-sign"&gt;X&lt;/span&gt;&lt;span class="floattest-outer"&gt;&lt;span class="floattest-inner"&gt;RED&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  + &lt;div class="floattest-col floattest-left "&gt;&lt;span class="floattest-outersign "&gt;&lt;span class="floattest-sign"&gt;X &lt;/span&gt; &lt;/span&gt;&lt;span class="floattest-outer"&gt;&lt;span class="floattest-inner"&gt;RED&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;       - &lt;!--

&lt;div class="floattest-col floattest-right"&gt;&lt;span class="floattest-sign"&gt;Z&lt;/span&gt;&lt;span class="floattest-outer"&gt;&lt;span class="floattest-inner"&gt;GREEN&lt;/span&gt;&lt;/span&gt;&lt;/div&gt; --&gt;  + &lt;!-- &lt;div class="floattest-col floattest-right "&gt;&lt;span class="floattest-outersign "&gt;&lt;span class="floattest-sign"&gt;Z &lt;/span&gt; &lt;/span&gt;&lt;span class="floattest-outer"&gt;&lt;span class="floattest-inner"&gt;GREEN&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;

--&gt;     <div class="xdiff-context" style="margin: 0pt 0pt 0pt 2em; padding: 1px; overflow: auto; font-size: 85%; background-color: rgb(238, 238, 238);">&lt;/div&gt;  <div class="xdiff-context" style="margin: 0pt 0pt 0pt 2em; padding: 1px; overflow: auto; font-size: 85%; background-color: rgb(238, 238, 238);">&lt;/div&gt;      <div class="xdiff-context" style="margin: 0pt 0pt 0pt 2em; padding: 1px; overflow: auto; font-size: 85%; background-color: rgb(238, 238, 238);">&lt;div class="floattest-row"&gt;  <div class="xdiff-context" style="margin: 0pt 0pt 0pt 2em; padding: 1px; overflow: auto; font-size: 85%; background-color: rgb(238, 238, 238);">&lt;div class="floattest-row"&gt;       - <div class="xdiff-deletedline" style="margin: 0pt 0pt 0pt 2em; padding: 1px; overflow: auto; font-size: 85%; background-color: rgb(255, 255, 170);">&lt;div class="floattest-col floattest-left"&gt;&lt;span class="floattest-sign"&gt;X&lt;/span&gt;&lt;span class="floattest-outer"&gt;&lt;span class="floattest-inner"&gt;RED&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  + <div class="xdiff-addedline" style="margin: 0pt 0pt 0pt 2em; padding: 1px; overflow: auto; font-size: 85%; background-color: rgb(204, 255, 204);">&lt;div class="floattest-col floattest-left "&gt;&lt;span class="floattest-outersign "&gt;&lt;span class="floattest-sign"&gt;X &lt;/span&gt; &lt;/span&gt;&lt;span class="floattest-outer"&gt;&lt;span class="floattest-inner"&gt;RED&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;       - <div class="xdiff-deletedline" style="margin: 0pt 0pt 0pt 2em; padding: 1px; overflow: auto; font-size: 85%; background-color: rgb(255, 255, 170);">&lt;div class="floattest-col floattest-right"&gt;&lt;span class="floattest-sign"&gt;Z&lt;/span&gt;&lt;span class="floattest-outer"&gt;&lt;span class="floattest-inner"&gt;GREEN&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  + <div class="xdiff-addedline" style="margin: 0pt 0pt 0pt 2em; padding: 1px; overflow: auto; font-size: 85%; background-color: rgb(204, 255, 204);">&lt;div class="floattest-col floattest-right "&gt;&lt;span class="floattest-outersign "&gt;&lt;span class="floattest-sign"&gt;Z &lt;/span&gt; &lt;/span&gt;&lt;span class="floattest-outer"&gt;&lt;span class="floattest-inner"&gt;GREEN&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;      <div class="xdiff-context" style="margin: 0pt 0pt 0pt 2em; padding: 1px; overflow: auto; font-size: 85%; background-color: rgb(238, 238, 238);">&lt;/div&gt;  <div class="xdiff-context" style="margin: 0pt 0pt 0pt 2em; padding: 1px; overflow: auto; font-size: 85%; background-color: rgb(238, 238, 238);">&lt;/div&gt;      <div class="xdiff-context" style="margin: 0pt 0pt 0pt 2em; padding: 1px; overflow: auto; font-size: 85%; background-color: rgb(238, 238, 238);">&lt;/div&gt;  <div class="xdiff-context" style="margin: 0pt 0pt 0pt 2em; padding: 1px; overflow: auto; font-size: 85%; background-color: rgb(238, 238, 238);">&lt;/div&gt;