title: Two inline divs (pc), with vertical-center align on media
body: <p>I am trying to design a topbar for a page (2 inline divs) and I'm having trouble with centering them vertically on media screens. </p>
  
  <p><a href="https://i.stack.imgur.com/LVEE0.png" rel="nofollow noreferrer">(Paint) example what I am trying to do</a></p>
  
  <p>I am using <code>float: left;</code> to make <strong>div</strong>s inline + <code>display: inline-block</code> for <strong>li</strong> elements and it works great, but it keeps them inline on media screens. </p>
  
  <p>Any help would be appreciated!</p>