webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

横並び

dl を display:table で横並びにレイアウトする。

dlをdisplay:tableで横並びにレイアウトする。 <title>dl_table</title><style>html, body, dl, dt, dd{ margin: 0; padding: 0; line-height: 1.0;}dl{}dt{background: #e20613;}dd{background: #aaaa8a;}</style></head> <body><dl><dt>学籍番号</dt><dd>氏名/ふりがな</dd></dl></body> dlにdisplay:table;を追加する。 文字の横幅ぴった…