-----NG-----

■ダメSS

.dAtention {
margin: 10px auto;
padding: 10px;
width: 500px;
border: 2px solid #F63;
overflow: hidden;
list-style: url(../images/arrow.jpg) none inside;
}

■試した事

・「.dAtention」のlist-styleの『inside』をそのまま『outside』に。

→リストマークがはみ出て表示されない。

・「.dAtention」に『text-indent: 15px;』追加。

→リストマーク出たけど行揃えできてない。

・『margin』『padding』の値をいじる。

（上の画像の内容が右に寄る感じ。）

-----OK-----

■イイSS

.dAtention {
margin: 10px auto;
padding: 10px;
width: 500px;
border: 2px solid #F63;
}
.dAtention li {
list-style: url(../images/arrow.jpg) none outside;
margin-left: 20px;
}
-----ポイント-----

■HTML

てなってるから、分けて考えれば良い・・・たぶん。

スクールで先生に聞いてみよう。

CSS:リスト/list-style有りの先頭行揃え