結論
半角スペースを半角スペースとして表示するにはwhite-space: pre;を使います。
preはおそらくpre要素のpreですね。
white-spaceはCSSプロパティです。
つまり、表示したいスペース入りのテキストを含む要素のCSSルールとしてwhite-space: pre;を指定します。
例
.space-text {
white-space: pre;
}
<div class="space-text"> hello World </div>
おわりに
連続する複数の半角スペースは1つにまとめられたり、先頭末尾の半角スペースは省略される
これははじめてHTMLに触れた人が戸惑う部分だと思います。
ではその半角スペース分の空白をどのようにして表示すればいいのかと調べれば、 などの特殊文字を紹介する記事が数多くヒットします。
HTMLでの半角スペースは なんだと強引に表現するサイトもありますが、半角スペースと が異なることは調べればすぐわかります。
もう文字コードから違います。
半角スペースと は別物なのに、半角スペースを表示するために を使っていいのでしょうか？
答えはNoだと思います。