- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Unicode Characters</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Trip to Mexico</h1>
<p>
<span></span>
<span></span>
<span></span>
<span></span>
</p>
</body>
</html>
CSS
body {
text-align: center;
font-family: "Arial", sans-serif;
}
span {
display: inline-block;
margin-right: 12px;
width: 140px;
font-size: 150px;
}
span:first-child {
color: #ffdc00;
}
span:nth-child(2) {
color: #aaaaaa;
}
span:nth-child(3) {
color: #ff851b;
}
span:last-child {
color: #ff4136;
}
p {
display: inline-block;
width: 80%;
}
You’ve gone to a different page
Goalscompleted
0
- Add the character
☺
to the firstspan
, - add
✈
to the second one, - add
☼
to the third one, - and finally add
♥
to the fourth one.
Comments