From 94cc1840fc6b73c8eec1c7101698d6c0650f9ccb Mon Sep 17 00:00:00 2001 From: The Coding Aviator <34807532+thecodingaviator@users.noreply.github.com> Date: Fri, 15 Mar 2019 19:04:44 +0530 Subject: [PATCH] guide: Move all spacing related files to one file (#35604) * fix: Move all spacing related files to one file * fix: for span --- .../index.md | 56 ----------------- .../index.md | 60 +++++++++++++++++++ .../index.md | 9 --- 3 files changed, 60 insertions(+), 65 deletions(-) delete mode 100644 guide/english/html/tutorials/how-to-insert-spaces-or-tabs-in-text-using-html-and-css/index.md create mode 100644 guide/english/html/tutorials/how-to-insert-spacing-in-text-using-html-and-css/index.md delete mode 100644 guide/english/html/tutorials/use-tab-space-instead-of-multiple-non-breaking-spaces-nbsp/index.md diff --git a/guide/english/html/tutorials/how-to-insert-spaces-or-tabs-in-text-using-html-and-css/index.md b/guide/english/html/tutorials/how-to-insert-spaces-or-tabs-in-text-using-html-and-css/index.md deleted file mode 100644 index c5e3fbedce..0000000000 --- a/guide/english/html/tutorials/how-to-insert-spaces-or-tabs-in-text-using-html-and-css/index.md +++ /dev/null @@ -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 Tags ```` are self closing tags meaning they do not need a ``/>``. - -## Span Example - -An example of how a ```` tag inserts a space between text can be seen below. - - ``

Hello my name is James

`` - -If you assign a class to your ```` then you could add some css to it. - Like so, - - ``

Hello my name is James

`` - -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 ```` some inline-style properties, as shown below. - - ``

Hello my name is James

`` - -## Line Break Tag - -``
`` - -Line Break Tags ``
`` are self closing tags meaning they do not need a ``
``. -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 ** **;. - -For example - -``

Hello my name is James

`` - -## More Information - -For more information on the 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 diff --git a/guide/english/html/tutorials/how-to-insert-spacing-in-text-using-html-and-css/index.md b/guide/english/html/tutorials/how-to-insert-spacing-in-text-using-html-and-css/index.md new file mode 100644 index 0000000000..252a79234a --- /dev/null +++ b/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 Tags `` are self closing tags meaning they do not need a ``. + +## Span Example + +An example of how a `` tag inserts a space between text can be seen below. + + `

Hello my name is James

` + +If you assign a class to your `` then you could add some css to it. + Like so, + + `

Hello my name is James

` + +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 `` some inline-style properties, as shown below. + + `

Hello my name is James

` + +## Line Break Tag + +`
` + +Line Break Tags `
` are self closing tags meaning they do not need a `
`. +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 ` `. + +For example + +`

Hello my name is James

` + +## Use Tab Space Instead of Multiple Non-Breaking Spaces + +In HTML the most common way to add multiple spaces is by adding ` ` for each space. To add a tab space put your text in `
` tags, for example `
My Text Here
` and every tab will be treated as eight spaces. Another way to add multiple spaces in HTML would be to use CSS for example `
My Text Here
`.
+
+## More Information
+
+* [MDN - The Preformatted Text element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre)
\ No newline at end of file
diff --git a/guide/english/html/tutorials/use-tab-space-instead-of-multiple-non-breaking-spaces-nbsp/index.md b/guide/english/html/tutorials/use-tab-space-instead-of-multiple-non-breaking-spaces-nbsp/index.md
deleted file mode 100644
index 1d303fdab0..0000000000
--- a/guide/english/html/tutorials/use-tab-space-instead-of-multiple-non-breaking-spaces-nbsp/index.md
+++ /dev/null
@@ -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 ` ` for each space. To add a tab space put your text in `
` tags, for example `
My Text Here
` and every tab will be treated as eight spaces. Another way to add multiple spaces in HTML would be to use CSS for example `
My Text Here
`.
-
-#### More Information:
-* [MDN - The Preformatted Text element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre)