title: How to set up 3 Columns with 1 Div Horizontally and Vertically Aligned in each column?
body: <p>Hello I'm trying to set up three columns and vertically and horizontally center the span in each of the columns. I've tried using flexbox and grid but it's not working out for me</p>
  
  <p><a href="https://imgur.com/a/D6Wbqe5" rel="nofollow noreferrer">https://imgur.com/a/D6Wbqe5</a></p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="column"&gt;
          &lt;span class="center"&gt;test&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="column"&gt;
          &lt;span class="center"&gt;test&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="column "&gt;
          &lt;span class="center"&gt;test&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  .row{
      width:100%;
      height:100%;
  }
  
  .column{
      float:left;
      width:33.33%;   
      height: 100%;
      text-align: center;
  }
  </code></pre>