css html spanブロックは改行しません

spanタグのスタイルにwidthプロパティを設定すると、効果が得られないことがわかります.
display:blockを設定するとwidthプロパティが有効になりますが、このときのspanはdivと同じです.
display:inline-blockを設定すると、spanは同業者に並べられ、widthプロパティが有効になります.
要素displayプロパティの一般的な値の説明:
block:ブロックオブジェクトのデフォルト値.オブジェクトをブロックオブジェクトとして強制的に渡し、オブジェクトの後に新しい行を追加します.
inline:インラインオブジェクトのデフォルト値.オブジェクトを強制的にインラインオブジェクトとして提出し、オブジェクトから行を削除します.
inline-block:オブジェクトはインラインオブジェクトとして提示されますが、オブジェクトの内容はブロックオブジェクトとして提示されます.隣のインラインオブジェクトは同じ行に渡されます.
non:オブジェクトを非表示にします.visibilityプロパティのhidden値とは異なり、非表示のオブジェクトの物理空間は保持されません.
例:

<span style="display:inline-block">    </span>