• ベストアンサー

CSSでのインデント

英語の文章で、各パラグラフの行頭をインデントしたいのですが、外部スタイルシートに text-indent: 1em と記述すると、1行目だけしかインデントされません。 abcd......................... .............................. ........................ efg.......................... .............................. 以上のようにしたいと思っています。宜しくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • the845t
  • ベストアンサー率33% (246/743)
回答No.1

たぶん、abcdとefgの前に空白があったのだと思いますが・・・、 <p>abcd...................</p> <p>efg....................</p> としては? 段落が変われば<p>で段落を新たにすれば良いかと。

coolooc
質問者

お礼

回答、ありがとうございます。m(_ _)m そうです。スペースがあったのですが、表示されないようですね。 で、<p>タグを入れればいいということなのですが、残念ながらそうすると、ページの背景色と<p></p>の部分の背景色を異なったものにしてあるので、1パラグラフ目と2パラグラフ目の間に<body>で使っている背景色が入ってしまいます。 なにかいい方法はないでしょうか?

その他の回答 (3)

回答No.4

<p>タグの間を詰めたいだけならばpタグに margin:0px; を指定してください。 もし、間を空けたままにしておきたいときは padding-top:1em; または padding-bottom:1em; を指定してください。

coolooc
質問者

お礼

ありがとうございました。 だいたい、できました。

  • UKY
  • ベストアンサー率50% (604/1207)
回答No.3

> ページの背景色と<p></p>の部分の背景色を異なったものにしてあるので、1パラグラフ目と2パラグラフ目の間に<body>で使っている背景色が入ってしまいます。 その<p>だけ背景色を指定しなおせば済むことでは?

  • the845t
  • ベストアンサー率33% (246/743)
回答No.2

<div> <p>abcd..........</p> <p>efg.........</p> </div> としては? <p> <div>abcd.......</div> <div>efg........</div> </p> でもいいかも知れませんが。

coolooc
質問者

お礼

上のほうをやってみました。それぞれのパラグラフの行頭のインデントはうまくいったのですが、やはりパラグラフ間が分離してしまいます。