エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSでdlのdt ddを横並びにする - ネガティブマージン編 - | A Day in the Life
April 27, 2010 過去に2回ほどCSSでdlのdt ddを横並びにする記事をこのブログにポストしました。 定義リ... April 27, 2010 過去に2回ほどCSSでdlのdt ddを横並びにする記事をこのブログにポストしました。 定義リストdt ddを横並びで表示させる 再び定義リストdt ddを横並びで表示させる 過去の記事は2つともfloatを利用しましたが、ネガティブマージンを使った方がCSSコードもシンプルになるのでおススメです。 まずdl要素のline-heightプロパティで行の高さを指定します。dd要素のmargin-topプロパティにdl要素で指定したline-heightプロパティと同じ値のネガティブマージンを与えればOKです。 dl { line-height: 1.5; } dd { margin: 0 0 1.5em 0; padding-left: 9em; } dt + dd { margin-top: -1.5em; } dtに対してddが一つならば一番下のdt+dd
2010/07/16 リンク