可能な方法:
<pre> ... </pre>
また
style="white-space:pre"
他に何か?
スペースの幅/高さが超え
ている場合、通常は次のように使用します。
水平スペーサーの場合:
<span style="display:inline-block; width: YOURWIDTH;"></span>
垂直スペーサーの場合:
<span style="display:block; height: YOURHEIGHT;"></span>
スペース、<
for <
(より小さい、エンティティ番号<
)、および>
for >
(より大きい、エンティティ番号)に使用できます>
。
完全なリストは、HTMLエンティティにあります。
試してみてください 
。
特殊文字のドキュメントに従って:
文字エンティティ
 
と 
は、それぞれ en スペースと em スペースを示します。en スペースは現在のフォントのポイント サイズの半分であり、em スペースは現在のフォントのポイント サイズと同じです。固定ピッチ フォントの場合、ユーザー エージェントは、en スペースを A スペース文字と同等として扱い、em スペースを 2 つのスペース文字と同等として扱うことができます。
<p style="text-indent: 5em;">
The first line of this paragraph will be indented about five characters, similar to a tabbed indent.
</p>
この段落の最初の行は、タブ付きのインデントと同様に、約 5 文字インデントされます。
詳細については、HTML と CSS を使用してタブと間隔を作成する方法を参照してください。
<span style="padding-left:68px;"></span>
以下も使用できます。
padding-left
padding-right
padding-top
padding-bottom
いくつかの行にタブを配置するように求めている場合は、 を使用できます<table>
。
各行を に入れます<tr> ... </tr>
。そして、その行内の各要素<td> ... </td>
. もちろん、各テーブル セルのパディングをいつでも制御して、それらの間のスペースを調整できます。
これにより、それらが整列され、かなり見栄えが良くなります:)
user8657661の答えは、私のニーズに最も近いものです(複数の行にまたがって並べる)。ただし、サンプル コードを提供どおりに動作させることはできませんでしたが、次のように変更する必要がありました。
<html>
<head>
<style>
.tab9 {position:absolute;left:150px; }
</style>
</head>
<body>
Dog Food: <span class="tab9"> $30</span><br/>
Milk of Magnesia:<span class="tab9"> $30</span><br/>
Pizza Kit:<span class="tab9"> $5</span><br/>
Mt Dew <span class="tab9"> $1.75</span><br/>
</body>
</html>
右揃えの数値が必要な場合はに変更できますが、画面の幅に基づいて数値を変更left:150px
するright:150px
必要があります (数値は画面の右端から 150 ピクセルになります)。
ここに「タブ」テキストがあります (コピーして貼り付けます): " "
このサイトの回答制限により、別のタブに表示されるか、完全なタブに表示されない場合があります。