【HTML&CSS】説明リスト(dl)を1行ずつ並べる説明リスト <dl> を1行ずつ並べるテクニックです。 説明リスト <dl> は、 配下に用語(説明されるもの) <dt> と 説明テキスト <dd> を持ちます。 <dt> と <dd> は対になっています。たとえば、プロフィールの記述は対になっている情報です。 例) 氏名: 山田太郎 年齢: 30才 性別: 男性 趣味: 読書、アニメ、瞑想 説明リストはデフォルトでは次のように表示されます。(ただし、デフォルトの表示はブラウザに依存します) 1行ずつに並べるという意味は、上の表示は次の下に示す表示にするということです。 では、はじめましょう。 作業開始前のcssとhtmlは以下です。 * { box-sizing: border-box; } .container { width: 400px; margin: 60px auto; } dl { border-top: 1px sol
