html - div 内のクラスをスパンして 2 つの単語 html を分離する

Question

こんにちは、スパンを使用して 2 つの単語を互いに分離しようとしていますが、うまくいかないようです。div内にあるためかどうかはわかりません。

.500{
display:inline-block;
margin-left:300px;
}

<div id="search"> 
<h2>
Search</h2>
<br>

0  <span class="500"> 500 </span>
<br />
</div>

Answer 1

ここのドキュメントから

CSS では、識別子 (セレクターの要素名、クラス、および ID を含む) には、文字 [a-zA-Z0-9] と ISO 10646 文字 U+00A0 以降、およびハイフン (-) とアンダースコア ( _); 数字、2 つのハイフン、またはハイフンの後に数字を続けることはできません。識別子には、エスケープ文字と ISO 10646 文字を数値コードとして含めることもできます (次の項目を参照)。たとえば、識別子「B&W?」「B\&W\?」と表記される場合があります。または「B\26 W\3F」。

なんらかのクレイジーな理由でそれを行う必要がある場合-次のようにアクセスできます（推奨されません）：

span[class="500"] {
    display:inline-block;
    margin-left:300px;
}

デモ

Answer 2

0 から 500 までのスペースが必要ですか?

置く