Sentence Spacing in HTML and CSS

Image Source

First, I always end up spending so much time trying to format my post and the spacing always throws me off and drives me nuts because HTML Automatically removes extra spaces in code. Until I know the code for spacing. So I just want to share it with you guys.

HTML does offer other spacing entities.

  These are:
      1.  
      2.  
      3.  
      4.  

---

1.  
   - Non-Breaking SPace (NBSP) is used in programming, and word processing to create a space in a line that cannot be broken by word wrap. This code allows you to create multiple spaces that are visible on a web page and not only in the source code.

    Examples:
         This example has 1 space ( ).
         This example has  2 spaces ( ).
         This example has   3 spaces ( ).
         This example has    4 spaces ( ).
         This example has     5 spaces ( ).

---

2.  
   - en space is the normal space character, but written as an entity. This should be a somewhat wide space, roughly two regular spaces.

    Examples:
         This example has 1 en space.
         This example has  2 en spaces.
         This example has   3 en spaces.
         This example has    4 en spaces.
         This example has     5 en spaces.

---

3.  
   - is an emphasized space (em space), which means a wider than normal space, typically as much as four real spaces.

    Examples:
         This example has 1 em space.
         This example has  2 em spaces.
         This example has   3 em spaces.
         This example has    4 em spaces.
         This example has     5 em spaces.

---

4.  
   - is a thinner space. This will be a narrow space, even more narrow than a regular space.

    Examples:
         This example has 1 thinner space.
         This example has  2 thinner spaces.
         This example has   3 thinner spaces.
         This example has    4 thinner spaces.
         This example has     5 thinner spaces.

Note that on my browser, this looks almost the same as a regular space but upon closer inspection appears to be 1/2 pixel narrower. In other words, there's about a 50% chance that it will be one pixel narrower.

---

    Here are samples of all of the spaces:
        This is a regular space.
        This is a nbsp space.
        This is a en space.
        Ths is a em space.
        This is a thinner space.

You can check also my previous post:

      How to Align and Resize Images in Steemit Post?
      Code in Markdown vs Code in HTML (STEEMIT)

😃Thank you for reading!😃

If you have comments, opinions, reactions or corrections, please drop it off. I will surely appreciate it.