Att göra en HTML5 Description list?

Hej!

Nybörjare på HTML och skulle behöva lite hjälp hur man ställer upp en HTML5 Descriptionlist. Listan ska se ut som nedan:

Misc.

Predators
Eagle

Passerine
Staling

Songbirds
Nightingale

Tacksam för hjälp!

Tack för svar!
Detta fick jag ihop men jag får inte så jag kan validera filen med blankraden mellan. Vad kan man använda? Har testad ex nbsp; och <br> och det fungerar ju men det går inte igenom valideringen. Jag får meddelandet:

"Element br not allowed as child of element dl in this context. (Suppressing further errors from this subtree.) Contexts in which element br may be used:
Where phrasing content is expected.
Content model for element dl:
Zero or more groups each consisting of one or more dt elements followed by one or more dd elements, optionally intermixed with script-supporting elements."

Hänger inte med och vet inte hur jag ska lösa detta.

CSS:
dt {
    margin-top: 1em;
}
HTML:
<h1>Misc.</h1>
<dl>
<dt>Predators</dt>
<dd>Eagle</dd>
<dt>Passerine</dt>
<dd>Starling</dd>
</dl>

Detta fungerar inte då jag inte kan lägga varannan med <dt> då indragen blir väldigt konstiga. De hamnar så att säga inte på samma radposition.

Så här löste jag det nu:

HTML5:
<dl>
<dt>Misc.</dt>
<dd class="listor">Predators</dd>
<dd class="listor2">Eagle</dd>
<dd class="listor">Passerine</dd>
<dd class="listor2">Staling</dd>
<dd class="listor">Songbirds</dd>
<dd class="listor2">Nightingale</dd>
</dl>

CSS:
dt {background-color: #FFFFFF;
color: #990033;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 20px;
font-weight: bold;}

.listor { color: #666666; }
.listor2 { color: #666666;
margin-bottom: 20px;}

Vet inte om detta är det bästa men det var det första som ser ut som jag vill ha det samt att det gick igenom valideringen.