title: How do I make a grid with Html and CSS with DIVS
body: <p>I have all my divs necessary for my tic tac toe game, however I can't seem to find a simpler way to make a grid and not have any borders so it's just a grid and not 9 full  squares... I think it's an issue in CSS. </p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;First Tic Tac Toe&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;h1&gt;Tic Tac Toe&lt;/h1&gt;
  
          &lt;div class="wrapper"&gt;
          &lt;div class="gameboard"&gt;
  
              &lt;div class="Row1"&gt;
                  &lt;div id="cell1"&gt;&lt;/div&gt;
                  &lt;div id="cell2"&gt;&lt;/div&gt;
                  &lt;div id="cell3"&gt;&lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="Row2"&gt;
                  &lt;div id="cell4"&gt;&lt;/div&gt;
                  &lt;div id="cell5"&gt;&lt;/div&gt;
                  &lt;div id="cell6"&gt;&lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="Row3"&gt;
                  &lt;div id="cell7"&gt;&lt;/div&gt;
                  &lt;div id="cell8"&gt;&lt;/div&gt;
                  &lt;div id="cell9"&gt;&lt;/div&gt;
              &lt;/div&gt;
  
  
          &lt;/div&gt;
  
          &lt;div class="button"&gt;
  
          &lt;button&gt;New Game&lt;/button&gt;
          &lt;button&gt;End Game&lt;/button&gt;
  
          &lt;/div&gt;
          &lt;/div&gt;
  
  
  
  
  
  
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>HERE IS THE CSS, I HAVE 9 BOXES I NEED A GRID, HOW DO I DO THAT?</p>
  
  <pre><code>.gameboard {
      width: 330px;
      height:310px;
      border:3px solid white;
      z-index: 1;
  
  }
  
  .wrapper {
      width: 330px;
      margin:0 auto;
  }
  
  .button {
  
       background-color:white;
       width: 160px;
       margin:0 auto;
  
      }
  
  .row1, .row2, .row3 {
      clear:both;
  
  }
  
  #cell1,#cell2,#cell3 {
      width:100px;
      height:100px;
      border:3px solid black;
      float: left;
  
  }
  
  #cell4,#cell5,#cell6 {
      width:100px;
      height:100px;
  float: left;
      border:3px solid black;
  }
  
  #cell7,#cell8,#cell9 {
      width:100px;
      height:100px;
      float: left;
      border:3px solid black;
  
  }
  </code></pre>