title: Repeat a div number of times
body: <p>how to repeat a div X times over html page,
  lets say I want to set variance to declare times of repeat.
  repeat this section 5 times, I assume it's with JS.</p>
  
  <pre><code>&lt;div class="blackstrip"&gt;black&lt;/div&gt;
  &lt;div class="bluestrip"&gt;
      BLUE
      &lt;div class="whitestrip"&gt;WHITE strip&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm adding the css as it comes out strange look - </p>
  
  <pre><code>.blackstrip{
  opacity: 0.8;
  width: 600px;
  height: 100px;
  background-color: black;
  background-position: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  margin: 0 auto;
  </code></pre>
  
  <p>}</p>
  
  <pre><code>.bluestrip{
  opacity: 0.5;
  width: 600px;
  height: 300px;
  background-color: blue;
  background-repeat: none;
  padding-bottom: 10px;
  position: relative;
  margin-top:50px;
  margin: 20px auto;
  </code></pre>
  
  <p>}</p>
  
  <pre><code>.whitestrip{
  opacity: 0.8;
  width: 100px;
  height:300px;
  background-color: gray;
  position: relative;
  float: right;
  padding-top: 10px;
  padding-bottom: 10px;
  }
  </code></pre>