(master): Reformat side tabs docs.

Author: Joe Crick

index.html

@@ -806,17 +806,6 @@ <h3>Side tabs</h3>
 
                     <h4>Left side tabs</h4>
 
-                    <p>
-                        To make tab headings left sided, simply add the <strong>left-accordion-side</strong> class to the
-                        tab set:
-                    </p>
-
-                    <div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%">
-&lt;ul class=<span style="color: #a31515">&quot;accordion accordion-tab left-accordion-side&quot;</span>&gt;
-    <span style="color: #008000">&lt;!-- Tab Content Here --&gt;</span>
-&lt;/ul&gt;
-</pre></div>
-
                     <ul class="accordion accordion-tab left-accordion-side">
                         <li class="accordion-section">
                             <input type="radio" class="accordion-section-selector pcssc-invisible" id="zero-left"
@@ -853,20 +842,19 @@ <h2>Heading 3</h2>
                         </li>
                     </ul>
 
-
-                    <h4>Right side tabs</h4>
-
                     <p>
-                        To make tab headings right sided, simply add the <strong>right-accordion-side</strong> class to the
+                        To make tab headings left sided, simply add the <strong>left-accordion-side</strong> class to the
                         tab set:
                     </p>
 
                     <div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%">
-&lt;ul class=<span style="color: #a31515">&quot;accordion accordion-tab right-accordion-side&quot;</span>&gt;
+&lt;ul class=<span style="color: #a31515">&quot;accordion accordion-tab left-accordion-side&quot;</span>&gt;
     <span style="color: #008000">&lt;!-- Tab Content Here --&gt;</span>
 &lt;/ul&gt;
 </pre></div>
 
+                    <h4>Right side tabs</h4>
+
                     <ul class="accordion accordion-tab right-accordion-side">
                         <li class="accordion-section">
                             <input type="radio" class="accordion-section-selector pcssc-invisible" id="zero-right"
@@ -903,6 +891,17 @@ <h2>Heading 3</h2>
                         </li>
                     </ul>
 
+                    <p>
+                        To make tab headings right sided, simply add the <strong>right-accordion-side</strong> class to the
+                        tab set:
+                    </p>
+
+                    <div style="background: #ffffff; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><pre style="margin: 0; line-height: 125%">
+&lt;ul class=<span style="color: #a31515">&quot;accordion accordion-tab right-accordion-side&quot;</span>&gt;
+    <span style="color: #008000">&lt;!-- Tab Content Here --&gt;</span>
+&lt;/ul&gt;
+</pre></div>
+
 
                 </div>