CSSのinline-blockを使うと、自動改行での折り返し位置が中途半端になってしまう表示を避けやすくなります。日本語の文章は多少の禁則を除けばどこでも改行できるため、改行位置が「単語の途中」や「残り1文字の直前」のように中途半端になりがちです。

`span`要素に`width`や`min-width`を設定することは可能ですが、`span`はデフォルトでインライン要素であるため、これらのプロパティは直接適用されません。インライン要素には、幅や高さ、上下のマージンやパディングが直接適用されないのが通常です。

`display: inline-flex;`はCSSプロパティの一つで、HTML要素の表示方法を指定するために使われます。`display`プロパティは、要素がどのように表示されるか、また、要素内のアイテムがどのように配置されるかを決定する役割があります。 `inline`: 要素がインライン ...