I had some trouble to understand your "spot" Stupid of me, but now I understand your problem and more importantly, I think here is the solution:
Lets make a responsive two columns solution:
Add a row
Add the column widget into this row
change the left column width to 4
Change the right column wodth to 8 (the total of the width from step 3 + step 4 must always 12), if needed take left width 3, right width 9)
Add in right column the Email Widget
Swith Email Link on in email widget
Check if for correct email address, if not update it as described in the widget!
Update your page to save it
Test your page email option to see if it works
Now to enter a link we simply are lazy so:
Hold the mouse over the top row with the two columns. Three icons are pop-up
Right click one of the three icons
Left click the option duplicate, a copy of the first row is added as second row
Move the mouse pointer to rigth side of the second email widget on the second row.
Left click the trash icon to delete the email widget.
Add the Rich Text widget to the right column at the second row.
Left click on the </> icon in the Rich Text widget. The text area shows <p>Lorem ipsum dolor sit amet</p>
Left click somewere on the text area of the Rich Text widget
Press Ctrl + A to select all text
Hit the del key to delete all text
Type or copy the text: <p><a href="https://cravingsfinefood.ca/" target="_blank" rel="noopener noreferrer">www.cravingsfinefood.ca</a>.</p>
Click on the Update key to save your work
Previous steps opens the web site in a new Tab of the browser.
What's goes wrong: If you type a single dash like href="https:/www.cravingsfinefood.ca sitepad think that you want to go to a sub-domain of your web site https://dev.djmastermix.ca/www.cravingsfinefood.ca/. After this exercise, the neat layout of the mail and web site links is "a pace of cake".