title: How to align pictures verticaly in slick slider?
body: <p>There's a problem, I'm trying to align pictures in slider verticaly, because they stick to the top edge. I tried to set container to display: tabble cell and vertical-align: middle but it doesn't work.</p>
  <p>There is my structure:</p>
  <pre><code>&lt;div class=&quot;slider-container&quot;&gt;
        &lt;div class=&quot;multiple-items&quot;&gt;
          &lt;div&gt;
            &lt;img src=&quot;assets/img1.png&quot; /&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;img src=&quot;assets/img2.png&quot; /&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;img src=&quot;assets/img3.png&quot; /&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;img src=&quot;assets/img4.png&quot; /&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;img src=&quot;assets/img5.png&quot; /&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p>And css:</p>
  <pre><code>.slider-container {
    border: 5px solid #fff;
    max-height: 100px;
    max-width: 700px;
    margin: 0 auto 10px;
  }
  .slider-box {
    position: relative;
  }
  
  .multiple-items div {
    vertical-align: middle;
  }
  </code></pre>
  <p>p.s.: I can't set my code into snippet (because code is longer than my question), so there is link to <a href="https://codesandbox.io/s/dawn-glade-giow4" rel="nofollow noreferrer">codesandbox</a></p>