ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：shizuku 定義リストで先頭にアイコン
困り度：
  • すぐに回答を！
 先頭にアイコンをつけたいのですが、テキストが重なってしまいます。
できれば下記のように定義リストで実現したいです。

.qaarea dl {
margin: 1em;
padding: 0;
}

.qaarea dt {
font-weight: bold;
color: #035AA3;
background: #CCCCCC url(../qa_img/q_back.gif) no-repeat left center;
padding: 5px;
}
.qaarea dd {
background: #FFFFFF url(../qa_img/a_back.gif) no-repeat left top;
padding: 5px;
margin: 10px 0 10px 50px;
}

-------------
<div class="qaarea">
<dl>
<dt>質問が入ります。</dt>
<dd>回答が入ります。</dd>
</div>
質問投稿日時：08/03/25 10:11
質問番号：3892791
この質問に対する回答は締め切られました。

回答

良回答20pt
回答者：hachi_08 ざっと見ただけなのですが、dtとddにアイコンの幅より大きい
padding-leftをつけてみてはどうでしょうか？
種類：アドバイス
どんな人：専門家
自信：参考意見
回答日時：08/03/25 10:26
回答番号：No.1
この回答へのお礼できました♪
ありがとうございました！！
 
このページのトップへ