第2回CSS勉強会の宿題 −floatの挙動に全俺が泣いた

h1 {
display:block;
font-size:200%;
margin:.67% 0;
font-weight:bolder;
}
.base {
background:#f0f0f0;
display:list-item;
border-style:dotted;
width: 40%;
float: left;
margin: 0 10% 0 0 ;
}
dt {
display: block;
font-size: 150%;
padding: .30em;
}
dd{
display: inline;
font-family: monospace;
line-height: 150%;
border-style: dotted;
}
.sub{
display: block;
background-color: #ffddaa;
margin: 0 0 0 45%;
}

(stiq.css)

先週のhtml(stiq.html)のheadに以下を付け足す。

<link rel="stylesheet" href="./stiq.css" />