Trying to clean up a site where someone used a "page builder" plugin in addition to the existing theme. On the page below, I removed all plugin code, but... The text below "Next Steps" does not top align with the "Free" button to the right. I tried using the float method and even making the divs display as table cells. It would work in a temporary test environment but not once I pasted it into this site. Example page
This is more a pure CSS question than a WordPress question, but...
You'll need to use
display:block rather than inline, so you can add a margin; and you're having issues with the float because the "alignleft" div has a 60% width plus a 1.5em right margin, so adding 60% + 40% + 1.5em = more than 100%.
The Free Consultation div needs (on desktop view)
display:block; float:left; margin-top:1em; // tweak this to control the vertical position width:30%; // also tweak
It would be better to tweak the margin on the "alignleft" div to use a %, so you could calculate an exact % to use as the width for the "free consultation" div.
Also bear in mind you need to solve for smaller screens. Even the current 60%/40% breaks the "free consultation" button on mobile.
If it were me, I'd create a brand-new-from-scratch site, apply their theme with whatever customizations they've chosen, then input the content manually (i.e. don't export/import, actually copy and paste paragraph by paragraph) so you have a clean site.
Put the inside the div with the text
<div class="alignleft" style="width:60%;"> <h3>Next Steps...</h3> Please feel free to contact us for a free consultation today. We will analyze your current online presence and let you know how we can help you with your business goals. Contact us today to set up your free consultation! </div> <div style="display:inline;width:40%;"><a href="http://luke5marketing.com/contact/" class="button-luke5">Free Consultation</a> </div>