css - スパン要素のパーセンテージ幅を設定します

Question

簡単な質問..CSSでスパンタグの幅をパーセンテージで設定することは可能ですか？例えば：

<span style="width: 50%">...</span> 

等..

私のプロジェクトでは現在divを使用していますが、もちろん、各divタグの後に改行が挿入されます（これは不要です）。したがって、これに対する最も明白な解決策は、divの代わりにspanタグを使用することです。しかし、スパンタグの幅を定義することはできません。少なくともパーセンテージの方法ではありません。

助けてくれてありがとう！

Answer 1

要素をインラインブロックとして定義すると、ブロック要素のように幅と高さを制御しながら、周囲のコンテンツとインラインに保つことができます。

#element {
  display: inline-block;
  width: 50%;
}

Answer 2

インライン要素にディメンションを含めることはできません。そうするためにそれらを行い、それでもインラインのままにして、追加します：

display: inline-block