掲示板/スタイルシート質問板/過去ログ/一覧/ インデントの設定

0 名前：やよ： 2006/07/14（金） 18:40 ID:K3ec.Mrb: 以下のようなレイアウトをとりたいと思っています。
（レイアウトが崩れてたらすみません）

ア：あああああ
　　あああああ
イ：いいいいい
　　いいいいい

いわゆるリストのようなイメージなんですけど、実際はリストじゃありません。
表でもないので、<table>は使えません。
今まではtext-indentを設定してたのですが、これだとIE以外で反映されないので・・・。

CSSでどのように設定すればいいでしょうか。
どなたかご教授お願いします。

1 名前：匿名： 2006/07/14（金） 18:40 ID:zqn32COP: > いわゆるリストのようなイメージなんですけど、実際はリストじゃありません。
> 表でもないので、<table>は使えません。
> 今まではtext-indentを設定してたのですが、これだとIE以外で反映されないので・・・。
どんなマークアップをなさってるのかわからんので、HTML ソース提示してほしいです。
それと、“今までは”どんな感じの CSS を適用させてたかも知りたいですなー。

2 名前：やよ： 2006/07/14（金） 18:40 ID:K3ec.Mrb: 匿名さま、すみません！

制作していたソースを投稿しようとして、
でもそのままじゃ提示できなかったので似たようなサンプルを作ってみたら、
気がついたときには出来てしまいました・・・（汗）
本当にすみません。

いちおう解決した方法を提示させていただきます。

【HTML】
<div><span>ア：</span>ああああああ<br>ああああ</div>
<div><span>イ：</span>いいいいいい<br>いいいい</div>

【OKなCSS】
div {
padding-left:20px;
text-indent:-20px;
}

【NGなCSS】
div span {
padding-left:20px;
text-indent:-20px;
}

「ア：」の部分をどうにかしたかったため、そこにばかり注目していて
文章全体にtext-indentするという考えがスッパリ抜けていました。

お騒がせして本当にすみません。
匿名さまに考えるキッカケを作ってもらえて良かったです。