guide: Move all spacing related files to one file (#35604)

* fix: Move all spacing related files to one file

* fix: </> for span

guide/english/html/tutorials/how-to-insert-spaces-or-tabs-in-text-using-html-and-css/index.md

@@ -1,56 +0,0 @@
----
-title: How to Insert Spaces or Tabs in Text Using HTML and CSS
----
-## How to Insert Spaces or Tabs in Text Using HTML and CSS
-
-There are a multitude of ways to insert spaces using html. For simplicity sake we will 
-go over a couple of these. 
-
-## Span Tag
-
-``<span>``
-
-Span Tags ``<span>`` are self closing tags meaning they do not need a ``/>``.
-
-## Span Example
-
-An example of how a ``<span>`` tag inserts a space between text can be seen below.
-  
-  ``<p>Hello my name is <span> James</p>``
-
-If you assign a class to your ``<span>`` then you could add some css to it.
-  Like so,
-  
-  ``<p>Hello my name is <span class=tab> James</p>``
-  
-Then either in an external stylesheet or an internal-stylesheet you can give the ``class .tab`` 
-some properties.
-
-## Span Class Example 
-
-For example
-
-``.tab {padding-left: 2px;}``
-
-You can also give the ``<span>`` some inline-style properties, as shown below.
-  
-  ``<p>Hello my name is <span style="padding-left: 2px;"> James</p>``
-
-## Line Break Tag
-
-``<br>``
-
-Line Break Tags ``<br>`` are self closing tags meaning they do not need a ``</br>``.
-A Line Break Tag is generally used when a Line Break without a new paragraph is needed.
-  
-## Non-Breaking Space 
-
-A non-breaking space is a space that will not break into a new line using **&nbsp**;.
-
-For example
-
-``<p>Hello my name is&nbsp;James</p>``
-
-## More Information
-
-For more information on the <span> tag or on; How to Insert Spaces or Tabs in Text Using HTML and CSS, you can visit w3schools. https://www.w3schools.com/tags/tag_span.asp

guide/english/html/tutorials/how-to-insert-spacing-in-text-using-html-and-css/index.md

@@ -0,0 +1,60 @@
+---
+title: How to Insert Spacing in Text Using HTML and CSS
+---
+## How to Insert Spacing in Text Using HTML and CSS
+
+There are a multitude of ways to insert spaces using html. For simplicity sake we will 
+go over a couple of these. 
+
+## Span Tag
+
+`<span>`
+
+Span Tags `<span>` are self closing tags meaning they do not need a `</span>`.
+
+## Span Example
+
+An example of how a `<span>` tag inserts a space between text can be seen below.
+  
+  `<p>Hello my name is <span> James</p>`
+
+If you assign a class to your `<span>` then you could add some css to it.
+  Like so,
+  
+  `<p>Hello my name is <span class=tab> James</p>`
+  
+Then either in an external stylesheet or an internal-stylesheet you can give the `class .tab` 
+some properties.
+
+## Span Class Example 
+
+For example
+
+`.tab {padding-left: 2px;}`
+
+You can also give the `<span>` some inline-style properties, as shown below.
+  
+  `<p>Hello my name is <span style="padding-left: 2px;"> James</p>`
+
+## Line Break Tag
+
+`<br>`
+
+Line Break Tags `<br>` are self closing tags meaning they do not need a `</br>`.
+A Line Break Tag is generally used when a Line Break without a new paragraph is needed.
+  
+## Non-Breaking Space 
+
+A non-breaking space is a space that will not break into a new line using `&nbsp;`.
+
+For example
+
+`<p>Hello my name is&nbsp;James</p>`
+
+## Use Tab Space Instead of Multiple Non-Breaking Spaces
+
+In HTML the most common way to add multiple spaces is by adding `&nbsp;` for each space. To add a tab space put your text in `<pre>` tags, for example `<pre>My Text Here</pre>` and every tab will be treated as eight spaces. Another way to add multiple spaces in HTML would be to use CSS for example `<p style="padding-right: 5px;">My Text Here</p>`.
+
+## More Information
+
+* [MDN - The Preformatted Text element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre)

guide/english/html/tutorials/use-tab-space-instead-of-multiple-non-breaking-spaces-nbsp/index.md

@@ -1,9 +0,0 @@
----
-title: Use Tab Space Instead of Multiple Non Breaking Spaces Nbsp
----
-## Use Tab Space Instead of Multiple Non Breaking Spaces Nbsp
-
-In HTML the most common way to add multiple spaces is by adding `&nbsp;` for each space. To add a tab space put your text in `<pre>` tags, for example `<pre>My Text Here</pre>` and every tab will be treated as eight spaces. Another way to add multiple spaces in HTML would be to use CSS for example `<p style="padding-right: 5px;">My Text Here</p>`.
-
-#### More Information:
-* [MDN - The Preformatted Text element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre)