- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Classes Strike Back</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>What will you learn, you may ask?</h1>
<ul>
<li class="uppercase large">How to snatch food from the master’s plate;</li>
<li>How to wake the master up at night;</li>
<li class="red bordered">How to scatter fur around the apartment.</li>
</ul>
</body>
</html>
CSS
body {
padding: 0;
font-family: "Arial", sans-serif;
font-size: 16px;
line-height: 26px;
color: #000000;
}
ul {
width: 270px;
}
selector {
font-size: 20px;
}
selector {
color: red;
}
selector {
text-transform: uppercase;
}
selector {
border-bottom: 1px solid #000000;
}
- Goal
- Result
- Overlay
- Differences
- ?
Press Compare to send your code for review.