以下のWebサイトの文章を、 （修正前） 項目……項目に関する説明文です。この説明文の 途中で改行して文章を調節します。 ※画面の端一杯まで表示され、強制的に改行させられた文章です 以下のように修正したいと考えています。 （修正後） 項目……項目に関する説明文です。この説明文の 途中で改行して文章を調節します。 ※修正前のままだと見苦しいので『……』のあとに合うように、字下げしたいです。 上のような文章に直すために、HTMLとCSSには以下のように記述しました。すると、私が望むとおりのレイアウトに修正されたのですが、ひとつ不安があります。 というのも、以下のようにHTMLとCSSを記述すると、まだ続いている文の途中で改行してしまい、その文に対して字下げしているからです。 下記のHTMLとCSSは文法に問題があるでしょうか？ 大変申し訳ありません。ご教授よろしくお願いいたします。 HTMLは、HTML4.01 Transitional。CSSは、2.1です。 /*---------- HTML部分 ----------*/ <ul> <li>項目……項目に関する説明文です。この説明文の<br> <span>途中で改行して文章を調節します。</span></li> </ul> /*---------- CSS部分 ----------*/ span { display: inline-block; width: ●em; }
↧