HTML will condense multiple spaces into a single space unless you use one of a few techniques to specifically declare multiple spaces or declare that the text is pre-formatted. Here are 2 methods to preserve multiple spaces in HTML.

Method 1: Non-Breaking Space

To declare a non-breaking space in HTML, use the   code. To achieve multiple spaces (and have HTML preserve the spaces) you could use multiple non-breaking spaces in a row. See HTML example below followed by the rendered result:

The Space     Between What's wrong and right

The Space     Between What’s wrong and right

Method 2: Pre-Formatted Text

If you are looking not only to preserve multiple spaces, but to also have a fixed-width font so characters line up vertically, wrap the text in a <pre> tag. This could be useful for displaying visually formatted poetry or to achieve the look of columns in HTML without the use of tables.

Below are some HTML examples to demonstrate the difference between how a normal <p> tag and <pre> tag render, with an example of how a style like <strong> would also maintain character width when wrapped with the <pre> tag:

<p>The Space Between What's wrong and right</p>
<p>The Space Between What's wrong and right</p>
<pre>The Space Between What's wrong and right</pre>
<pre>The Space Between What's wrong and right</pre>

… and the rendered HTML:

The Space Between What’s wrong and right
The Space Between What’s wrong and right

The     Space     Between     What's     wrong     and     right
The     Space     Between     What's     wrong     and     right