プロが教える店舗&オフィスのセキュリティ対策術

アメブロの本文の行頭を以下のように揃えたいです。
検索して見つかった記述例はolやliが入ったもので、行頭に番号などがついてしまいます。
行頭に番号かつかず、行頭ぞろえができるcssやhtmlタグの記述をお教え願えますでしょうか。

以下例のように、
一行目は字下げしません。
二行目と三行目は、右端で折り返すほどの長文です。
折り返した行頭も字下げします。

-----以下表示例

・タイトル
 二行目
 三行目
 

A 回答 (1件)

<ol><li>は、番号付き。


<ul><li>は、"・"付き。

但し、これはリストだから、記事本文って意味では違うと思う。
内容によるけど。
そう考えると、

<h3>タイトル</h3>
<p style="padding:2em;">本文本文本文本文本文本文</p>

普通は、↑かな。
padding:2em;は、2文字分のスペースって事だから数値で微調整。
↓は、定義リスト。
dd行は1行内に長文でも良いし、複数<dd></dd>の段落でも良い。

<dl>
<dt>タイトル</dt>
<dd>本文本文本文本文本文本文</dd>
</dl>

これも、
<dd style="padding:2em;">本文本文本文本文本文本文</dd>
とすると、微調整できます。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
目的通りの行揃えができて助かりました。

番号付き、中黒付きの本文ですが、検索では

 ■見出し
 ・一行目
 ・二行目
 ・三行目

のようにな表現しか検索できず、約物を無色にしようかと考えていたところでした。
確かりました。

お礼日時:2011/04/28 14:12

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!