title: how do I make the a title appear on the top of the div boxes in css
body: <p>I am trying to include some game recommendations in my website and I am trying to have the title above the three boxes of games.</p>
  <p>this is how it looks like right now. I need the title in the center and above the other boxes.
  <a href="https://i.stack.imgur.com/Kv8o6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Kv8o6.png" alt="enter image description here" /></a></p>
  <p>Here is the code that I have used for it:</p>
  <p>Html:</p>
  <pre><code>&lt;div class=&quot;second-box&quot;&gt;
  
  
  &lt;div class=&quot;game-section&quot;&gt;
    &lt;h1 id=&quot;games&quot;&gt; Game Recommendations &lt;/h1&gt;
  
   
  
  &lt;div class=&quot;box1&quot;&gt;
    &lt;p&gt; This is the first game &lt;/p&gt;
  &lt;/div&gt;
   
   &lt;br&gt; 
   &lt;br&gt;
  &lt;div class=&quot;box2&quot;&gt;
      &lt;p&gt; This is the first game &lt;/p&gt;
    &lt;/div&gt;
  &lt;br&gt;
  &lt;br&gt;
  
  &lt;div class=&quot;box3&quot;&gt;
      &lt;p&gt; This is the first game &lt;/p&gt;
    &lt;/div&gt;
  
    &lt;/div&gt;
  
  
  &lt;/div&gt;
  </code></pre>
  <p>below is the css code for the website:</p>
  <p>CSS:</p>
  <pre><code>
  .game-section{
  
    height: 400px; 
    align-content: center;
    width: 100%;
    background-color: darkkhaki;
    display: inline-flex;
  
  
    /* inline flex allows inside the game-section div allows the smaller divs to extend horizontally when inline block is displayed on each of them. */
  }
  
  #game{
    font-size: 23px;
  }
  
  .box1{
  background-color: darkolivegreen;
  grid-area: box1;
  height:230px;
  width: 250px;
  display:inline-block;
  margin: 20px;
   }
  
  
  
  
  .box2{
  background-color: rgba(108, 148, 39, 0.267);
  grid-area: box2;
  height:230px;
  width: 250px;
  display: inline-block;
  margin: 20px;
  }
  
  .box3{
  grid-area:box3;
  background-color:rgb(104, 99, 26);
  height:230px;
  width: 250px;
  display: inline-block;
  margin: 20px;
  }
  
  /* The end of the game recommendation boxes. */
  </code></pre>