<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<style>
#id1 {
}
#id2 {
}
#id3 {
}
#id4 {
}
#id5 {
}
#id6 {
}
</style>
<style>
li {
float: left;
}
div {
margin: 5px;
padding: 5px;
border-style: solid;
float: left;
font-size: 36px;
}
</style>
</head>
<body>
<ol>
<li id="id1">
<div>M</div>
<div>m</div>
<div>e</div>
<div>T</div>
<div>åäö</div>
<div>Å</div>
<div>The quick brown fox jumps over the lazy dog</div>
</li>
<li id="id2">
<h2> ?? Gör så fonten i detta element blir av type "serif" ?? </h2>
<div>M</div>
<div>m</div>
<div>e</div>
<div>T</div>
<div>åäö</div>
<div>Å</div>
<div>The quick brown fox jumps over the lazy dog</div>
</li>
<li id="id3">
<h2> ?? Gör så fonten i detta element har ordet "times" i sitt namn ?? </h2>
<div>M</div>
<div>m</div>
<div>e</div>
<div>T</div>
<div>åäö</div>
<div>Å</div>
<div>The quick brown fox jumps over the lazy dog</div>
</li>
<li id="id4">
<h2> ?? Gör så fonten i detta element blir monospace ?? </h2>2>
<div>M</div>
<div>m</div>
<div>e</div>
<div>T</div>
<div>åäö</div>
<div>Å</div>
<div>The quick brown fox jumps over the lazy dog</div>
</li>
<li id="id5">
<h2> ?? Gör så fonten i detta element blir font som börjar på bokstaven A ?? </h2>
<div>M</div>
<div>m</div>
<div>e</div>
<div>T</div>
<div>åäö</div>
<div>Å</div>
<div>The quick brown fox jumps over the lazy dog</div>
</li>
<li id="id6">
<h2> ?? Gör så fonten i detta element blir font som du tycker ser annorlunda ut. ?? </h2>
<div>M</div>
<div>m</div>
<div>e</div>
<div>T</div>
<div>åäö</div>
<div>Å</div>
<div>The quick brown fox jumps over the lazy dog</div>
</li>
</ol>
</body>
</html>
Du ska bara lägga till något mellan style-tagarna.