OK, you can’t use spaces to try & get your text formatted correctly. As you’ve found out, once the screen dimensions change, then those spaces aren’t where you put them because the text flows to adjust to the new screen width.
So the first thing that I would do is to remove all of those extra spaces that you are using to format your text.
Then, I would use HTML tags to create your bullet lists. In your page editor, make sure you have the Text tab selected instead of the Visual tab. Change the list so it looks like this (be sure to remove all extra spaces):
<ol>
<li>Electrical repairs and fault finding</li>
<li>Rental property electrical repairs</li>
<li>Letting agents & private landlords services</li>
<li>Electrical Equipment testing. (PAT)</li>
<li>Emergency repairs and callout</li>
<li>Intruder Burglar alarm repair ,modifications and servicing.</li>
</ol>
The ol tags create an Ordered List. The li tags define each item in the ordered list, numbering them automatically.
Once you have that down, then let me know what kind of spacing you want, i.e., why did you add all of those spaces in the first place? Was it to separate the text from the image better? There are other was of doing that rather than using space characters.
