文字の折り返しを下げるには？

質問

スタイルシートで　会話文のようなスタイルの文章を書き込んでいます。
文章が長くなると折り返さなければなりませんが、折り返した最初のところを、下げたいと思っています。
例）
田中：「こんにちは（・・・文章続き　<br>を使わず折り返し）
■■■いい天気ですね。」
（↑ここの■部分を下げたい）

なるべく簡易な方法で下げたいのですが、どうしたらよいでしょうか？

回答No.4

quads · ベストアンサー

私ならdl(dt-dd)要素を使います。

>>#1
pre 要素の内容という前提であればその方法も有効かもしれません。

ワープロソフトの「ぶら下げ」にあたる方法が #2 の回答ですね。

>>#3
table 要素の内容とするのであれば「名前」の部分については th 要素を用いた方がよいかもしれません。

妥当性を考慮しないのであれば、table 要素の内容として構成するのが感覚的には分かりやすいですが。

お礼

ありがとうございました。
結局<div>で囲った中に、2つ<div>で枠を作って”田中：”と”「…」”を分けました。
ちょっとめんどくさい方法でしたが、なんとか形になりました。

dl(dt-dd)は、知らなかったので、これから勉強しようと思います。

回答No.3

PED02744

簡単に済ませるなら、<table>タグにしてしまうという手もありますね。
<td><%=名前>：</td><td>「<%=文章>」</td>
※ASP等で名前や文章を埋め込む場合

回答No.2

dezimac

スタイルシートでtext-indent使えばいいです。

スタイルシート部分
<style>
<!--
p.kaiwa {
margin:0px;
padding: 0px 0px 0px 5em;
text-indent: -5em;
}
-->
</style>

HTML部分
<p class="kaiwa">あああああ</p>

ANo.1の方がいうような、■の部分に全角スペース入れるのはお勧めしません。
画面や文字のサイズが変わると、レイアウト崩れてみっともなくなります。
文章も変な所で区切られるので、音声読み上げブラウザやGoogle等のロボットが見るとまともに意味が通じなくなるし。

回答No.1

sam1212

一番簡単な方法といえば　いい天気ですね　の「い」の前にカーソルをおいて「スペースキー」を好きなだけ押すというのでは　いけませんか