title: How to display 10000 div in one line using javascript or jquery?
body: <p>How to display 10000 div in one line using javascript or jquery?
  I want to display 10000 div in one line without break a line.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> (function callBox() {
          "use strict";
          var i, j, mainCube, a, div, elements;
          elements = document.querySelectorAll(".mainCube");
          mainCube = [];
          for (i = 0; i &lt; elements.length; i++) {
              mainCube[i] = a = [];
              for (j = 0; j &lt; 10000; j++) {
                  // Create this div
                  mainCube[i][j] = div = document.createElement('div');
  
                  // Add class and such to div
                  div.className = "letterPix";
  
                  // Append it to the mainCubeClass element
                  elements[i].appendChild(div);
              }
          }
          })();</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.mainCube {
          border: 2px solid rgb(204, 31, 0);
          }
  
          .letterPix {
          border: 1px solid rgb(15, 14, 14);
          width: 100px;
          height: 100px;
          display: inline-block;
          }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="mainCube"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>