title: Why do my 2 divs inside a footer go in different corners?
body: <p>while making a footer for a school task I encountered this problem: both texts should be on the same line, but one goes higher and one goes lower</p>
  <p><a href="https://i.stack.imgur.com/MNuCY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MNuCY.png" alt="Divs in different corners" /></a></p>
  <p>I tried to put a link in the left side of the footer and some text in the right side. For some reason when I split the divs into their positions they end up like this. Link goes in left top corner and text goes in bottom right corner. I'm trying to get them both VERTICALLY centered but nothing I do gets them both there.
  I've managed to get both in the center by themselves but never both at the same time. What is going on here?</p>
  <p>Here's my html:</p>
  <pre><code>&lt;footer&gt;
      &lt;div class=&quot;link_class&quot;&gt;
          &lt;a href=&quot;./&quot; class=&quot;link_class&quot;&gt;asd&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class=&quot;copy_class&quot;&gt;
          &lt;p&gt;&amp;copy; dsa&lt;/p&gt;
      &lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>
  <p>and here's the css:</p>
  <pre><code>footer{
      width: 20%;
      height: 5%;
      background-color: gray;
      display: flex;
      justify-content: space-between;
  }
  </code></pre>