body {
font-family: 'Open-Sans', sans-serif;
background: #0099D8;
color:white;
}
ol {
border: 1px solid white;
border-radius:6px;
}
li {
border-bottom: 1px solid white;
margin: 20px 20px 30px;
padding-bottom:20px;
}
h3 {
color:orange;
margin:0;
padding:0;
}
strong {
color:orange;
}
<!doctype html>
<html lang="en">
<head>
<title>Rens Pickhardt's playlist example</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<h1>
This is <em>Rene Pickhardt</em>'s playlist.
</h1>
<ol>
<li>
<em>2013-11-02 01:54 CET</em>
<h3 ">Lords of the boards</h3>
on <em>Proud like a God</em> by <strong>Guano Apes</strong>
</li>
<li>
<em>2013-11-02 01:57 CET</em>
<h3>Toxicity</h3>
on <em>Toxicity</em>
by <strong>System of A Down</strong>
</li>
<li>
<em>2013-11-02 02:01 CET</em>
<h3>B.Y.O.B</h3>
on <em>Mezmerize</em>
by the artist <strong>System of A Down</strong>
</li>
</ol>
</body>
</html>
