Here is the question:
Add an <img>
to your HTML document. Its src
attribute can point anywhere! (Check the Hint if you’re stuck or need a picture.)
On the CSS tab, set your image’s height
to 100px
and width to 300px
.
On the CSS tab, give your image a border
of 1px solid #4682b4
.
Here is my HTML code:
<!DOCTYPE html>
<html>
<head>
<title>Result</title>
</head>
<body>
<p>Easy HTML</p>
<h1>I Like it</h1>
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"/>
</body>
</html>
Here is my CSS code:
p{
font-family: Garamond, serif;
}
h1{
font-family: Verdana, sans-serif;
}
img {
height: 100px;
width: 300px;
border: 1px solid #4682b4;
}
Trying to submit am getting the following error:
Oops, try again. Did you remember to give your image a 1px solid #4682b4 border?
What could be the problem?