- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Spacing Between Words</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>The Best Photos From the Entire Collection</h1>
<ul>
<li><img src="mountain.jpg" alt="The Mountains"></li>
<li><img src="rain.jpg" alt="Raindrops"></li>
<li><img src="lens.jpg" alt="Lens"></li>
<li><img src="road.jpg" alt="Road"></li>
</ul>
</body>
</html>
CSS
body {
margin: 0;
min-width: 570px;
background: url("bokeh.jpg") no-repeat 50% 0;
color: #fffbb4;
font-size: 12px;
font-family: "Arial", sans-serif;
}
h1 {
text-align: center;
font-size: 24px;
}
ul {
padding: 0;
list-style: none;
text-align: center;
}
li {
display: inline-block;
margin-bottom: 12px;
}
img {
width: 250px;
}
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
Goalscompleted
0
- Set the spacing between words for the heading
h1to5px, - and then set the spacing between words for the list
ulto12px.
Comments