文字列を行末ではなく指定した位置で折り返す

ウィンドウ幅を狭めた時に、文字列が行末（ブロック要素の右端）ではなく、指定した位置（単語や文節など）で折り返すようにする。

ウィンドウ幅が狭くても、指定した位置で折り返すことで、見出しなどが読みやすくなる。

デモページを表示

CSS

補足

• b 要素で囲んだ文字列をインラインブロック化することで、強制的に折り返す。
• レイアウトが崩れる場合は リセットCSS・共通CSS の内容を確認。

HTML

補足

• 6行目： b 要素で囲むことにより、ウィンドウ幅を狭めていくと、"接続できる"、"充実のインターフェイス" のブロック単位で折り返していく。