title: My vertical align of image doesnt work
body: <p>Im trying to vertically align three images inside a div. But somehow my vertical alignment doesn't work and I cannot undertand what I'm doing wrong.</p>
  
  <p>My html:</p>
  
  <pre><code>&lt;div class="maketable"&gt;
      &lt;div class="makecell" id="cell1"&gt;
          &lt;input type="checkbox" id="nutrbox" value="nutrition" onclick="updateChoice()" /&gt;
          &lt;label for="nutrbox" onclick="updateChoice()"&gt;Jag vill ha näringstabell i slutet av min bok&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="makecell" id="cell2"&gt;
          &lt;div class="arrowdiv"&gt; 
              &lt;img src="./images/leftarrow.png" width="64px" /&gt;
          &lt;/div&gt;
          &lt;div id="imagediv"&gt; 
              &lt;img src="./images/pages/part3/nutrition/Nutrition_Front-1.png" width="296px" /&gt;
          &lt;/div&gt;
          &lt;div class="arrowdiv"&gt; 
              &lt;img src="./images/rightarrow.png" width="64px" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my css:</p>
  
  <pre><code>.maketable{
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      margin-bottom: 20px;
      display: table;
      clear: both;
  }
  
  .makecell{
      vertical-align: middle;
      display: table-cell;
  }
  
  #imagediv{
      display: inline-block;
      margin: 30px auto 0px auto;
      width: 296px; 
      height: 420px;
      color: #000;
      border: 1px solid black;
      text-align: center;
  }
  
  .arrowdiv {
      display: inline-block;
      width: 64px;
      margin: 3px;
  }
  </code></pre>
  
  <p>The result is the following:</p>
  
  <p><img src="https://i.stack.imgur.com/ACSU0.png" alt="Wrong vertival alignment on arrows"></p>
  
  <p>As you can see, I want to have the arrows vertically aligned in the middle of the center picture, but how ever I do it, i cannot get it to work. I've tried fiddling with float but that made it much worse. Can anyone spot what i'm doing wrong?</p>