title: Center two Elements (IMG with height based on container and second element)
body: <p>I'm in the process to create a Wordpress Template wheres on some point the user can add a list on the site with one picture.</p>
  
  <ul>
  <li>The height of the img should be proportional as tall as the list</li>
  <li><strong>So the img can't have a statement like {object-position: cover}</strong></li>
  <li>The img and the list should be centered </li>
  </ul>
  
  <p>i've been struggling with this since days..</p>
  
  <ul>
  <li>I tried with img position absolute and height 100% but then the container doesn't center correctly because of the missing width of the img </li>
  <li>I tried with HTML table  </li>
  <li>and basically everything that comes in my mind </li>
  </ul>
  
  <p>I searched in the internet, but came up with no solution.. </p>
  
  <p>maybe i have to try to solving this Problem with javascript..</p>
  
  <p><a href="https://i.stack.imgur.com/DUWNq.png" rel="nofollow noreferrer">my problem in a pic</a></p>