How to Left and Right Align Text in Footer?

if doing this with blocks you will need two regions in the theme in the area in which you expect to do this or two blocks in the same region. you can then add your blocks and float the blocks themselves within a singular or multiple regions. Personally, I suggest using 2 regions and two blocks if you want to use the UI.

However, if you want to continue using a singular region and a singular block you must think through your HTML to insure you are providing the correct targets to utilize CSS.

your current HTML looks like:

  <div id="footer-wrapper"><div class="section">

    
          <footer id="footer" role="contentinfo" class="clearfix">
          <div class="region region-footer">
    <div id="block-block-3" class="block block-block">

    <h2>© 2018 JobCull • All Rights Reserved</h2>
  
  <div class="content">
    <p><span style="font-size:14px"><strong><a href="https://www.jobcull.com/node/33">Contact</a></strong></span></p>
  </div>
</div>
  </div>
      </footer> <!-- /#footer -->
    
  </div></div> <!-- /.section, /#footer-wrapper -->

Thus all contained in a single region.

If you want to float the text differently you need to add divs around each element provide them a class and then float them.

compare HTML from target site to your own for more clues.

If it looked more like the following you would have more control over the individual elements.

  <div id="footer-wrapper"><div class="section">

    
          <footer id="footer" role="contentinfo" class="clearfix">
          <div class="region region-footer">
    <div id="block-block-3" class="block block-block">

    <div class="copyright"><h2>© 2018 JobCull • All Rights Reserved</h2></div>
  
  <div class="content">
    <p><span style="font-size:14px"><strong><a href="https://www.jobcull.com/node/33">Contact</a></strong></span></p>
  </div>
</div>
  </div>
      </footer> <!-- /#footer -->
    
  </div></div> <!-- /.section, /#footer-wrapper -->

Also highly suggest getting the h2's out of the footer. Increase text using CSS rather than HTML. You can research when and where h tags should be used and why regarding SEO.

based on the above you can then use CSS to float the copyright left

.copyright {float: left;}

Though you will need to target the second element more specifically since it's class is content. Thus include the block ID in your css declaration.

something more like:

#block-block-3 .content {float: right;}

All of the above is purely off the top of my head and fully untested. Copying and pasting isn't likely to work.

________________________________

Taking a look at this again, you're adding your copyright information as the subject of a single block and the contact link in the body of the block? If yes, you want to rethink that entirely.