title: Element input not allowed as child of element ul in this contex
body: <p>HELP!!!!!! how can i fix this part of my image slider?
  so it can pass the validation</p>
  
  <p>it telling me that Element input not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)</p>
  
  <p>errors from validator:
  Line 186, Column 62: Element input not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
                  
  Contexts in which element input may be used:
  Where phrasing content is expected.
  Content model for element ul:
  Zero or more li and script-supporting elements.
  Error Line 197, Column 55: Element input not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
                  
  Contexts in which element input may be used:
  Where phrasing content is expected.
  Content model for element ul:
  Zero or more li and script-supporting elements.
  Error Line 208, Column 54: Element input not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
                  
  Contexts in which element input may be used:
  Where phrasing content is expected.
  Content model for element ul:
  Zero or more li and script-supporting elements.
  Error Line 219, Column 54: Element input not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
                  
  Contexts in which element input may be used:
  Where phrasing content is expected.
  Content model for element ul:
  Zero or more li and script-supporting elements.
  Error Line 230, Column 54: Element input not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
                  
  Contexts in which element input may be used:
  Where phrasing content is expected.
  Content model for element ul:
  Zero or more li and script-supporting elements.
  Error Line 241, Column 54: Element input not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
                  
  Contexts in which element input may be used:
  Where phrasing content is expected.
  Content model for element ul:
  Zero or more li and script-supporting elements.</p>
  
  <pre><code>&lt;article&gt;
          &lt;div&gt;
          &lt;ul class="slides"&gt;
              &lt;input type="radio" name="radio-btn" id="img-1" checked /&gt;
              &lt;li class="slide-container"&gt;
                  &lt;div class="slide"&gt;
                      &lt;img src="\images\google-fonts.jpg" alt="image" /&gt;
                  &lt;/div&gt;
                  &lt;div class="nav"&gt;
                      &lt;label for="img-6" class="prev"&gt;&amp;#x2039;&lt;/label&gt;
                      &lt;label for="img-2" class="next"&gt;&amp;#x203a;&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
  
              &lt;input type="radio" name="radio-btn" id="img-2"  /&gt;
              &lt;li class="slide-container"&gt;
                  &lt;div class="slide"&gt;
                    &lt;img src="\images\Step1.jpg" alt="image" /&gt;
                  &lt;/div&gt;
                  &lt;div class="nav"&gt;
                      &lt;label for="img-1" class="prev"&gt;&amp;#x2039;&lt;/label&gt;
                      &lt;label for="img-3" class="next"&gt;&amp;#x203a;&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
  
              &lt;input type="radio" name="radio-btn" id="img-3" /&gt;
              &lt;li class="slide-container"&gt;
                  &lt;div class="slide"&gt;
                    &lt;img src="\images\Step2.jpg" alt="image" /&gt;
                  &lt;/div&gt;
                  &lt;div class="nav"&gt;
                      &lt;label for="img-2" class="prev"&gt;&amp;#x2039;&lt;/label&gt;
                      &lt;label for="img-4" class="next"&gt;&amp;#x203a;&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
  
              &lt;input type="radio" name="radio-btn" id="img-4" /&gt;
              &lt;li class="slide-container"&gt;
                  &lt;div class="slide"&gt;
                    &lt;img src="\images\Step3.jpg" alt="image" /&gt;
                  &lt;/div&gt;
                  &lt;div class="nav"&gt;
                      &lt;label for="img-3" class="prev"&gt;&amp;#x2039;&lt;/label&gt;
                      &lt;label for="img-5" class="next"&gt;&amp;#x203a;&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
  
              &lt;input type="radio" name="radio-btn" id="img-5" /&gt;
              &lt;li class="slide-container"&gt;
                  &lt;div class="slide"&gt;
                    &lt;img src="\images\Step4.jpg" alt="image" /&gt;
                  &lt;/div&gt;
                  &lt;div class="nav"&gt;
                      &lt;label for="img-4" class="prev"&gt;&amp;#x2039;&lt;/label&gt;
                      &lt;label for="img-6" class="next"&gt;&amp;#x203a;&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
  
              &lt;input type="radio" name="radio-btn" id="img-6" /&gt;
              &lt;li class="slide-container"&gt;
                  &lt;div class="slide"&gt;
                    &lt;img src="\images\step5.jpg" alt="image" /&gt;
                  &lt;/div&gt;
                  &lt;div class="nav"&gt;
                      &lt;label for="img-5" class="prev"&gt;&amp;#x2039;&lt;/label&gt;
                      &lt;label for="img-1" class="next"&gt;&amp;#x203a;&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
  
              &lt;li class="nav-dots"&gt;
                &lt;label for="img-1" class="nav-dot" id="img-dot-1"&gt;&lt;/label&gt;
                &lt;label for="img-2" class="nav-dot" id="img-dot-2"&gt;&lt;/label&gt;
                &lt;label for="img-3" class="nav-dot" id="img-dot-3"&gt;&lt;/label&gt;
                &lt;label for="img-4" class="nav-dot" id="img-dot-4"&gt;&lt;/label&gt;
                &lt;label for="img-5" class="nav-dot" id="img-dot-5"&gt;&lt;/label&gt;
                &lt;label for="img-6" class="nav-dot" id="img-dot-6"&gt;&lt;/label&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/article&gt;
  </code></pre>