HTML Editor not behaving

So I have found the visual editor and HTML editor to be rather annoying. I turned off the visual editor, but the problem now is that when I’m trying to edit code, if I want to put in spaces between tags, it adds the space to the actual webpage.

For example:

<div><span style=”font-size: 12px;”>Social Media Guidelines from NCSBN</span>
<span style=”font-size: 12px;”>A Nurse Need Never Forget – NYTimes.com</span>

This code is what is actually on the main page of http://nevadanursingboard.org. Now if I want to put a gap in the code (So it’s easier to visually distinguish what is what) like this:

<div><span style=”font-size: 12px;”>Social Media Guidelines from NCSBN</span>

<span style=”font-size: 12px;”>A Nurse Need Never Forget – NYTimes.com</span>

When I go to preview the page, there is a gap between the links. Why does it do this, and why can’t I structure my code as I want in the HTML editor? Any ideas?