title: How to vertically conditionally align to the middle a li inside an ul
body: <p>I have the following template:</p>
  <pre><code>&lt;ul&gt;
  &lt;li class=&quot;show-large-placeholder&quot;&gt;
      &lt;img ....&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I am trying to align this list item in the center of the UL, I don't have access to changes of style for the ul, because the class show-large-preview on the li is conditionally added, so seeing display table won't work here.</p>
  <p>Any ideas?</p>