Small Problem


#1

I have my code below but I was wondering if someone could tell me my mistake. I am supposed to have my yellow block "clickable" to take me to another site. Any help is appreciated

 <!DOCTYPE html>
    <html>
    	<head>
    		<title>Result</title>
    	</head>
    	<body>
    		<div style="width:50px; height:50px; background-color:red"></div>
    		<div style="width:50px; height:50px; background-color:blue"></div>
    		<div style="width:50px; height:50px; background-color:green"></div>
    		<div style="width:50px; height:50px; background-color:yellow"><a href="http://www.google.com"></div></a>
    	</body>
    </html>

#2

Hey buddy,

Swap your and your around. (so it says ) and you should be good to go unless I've missed something else : )

Enjoy!

<div style="width:50px; height:50px; background-color:yellow">
<a href="http://www.google.com"></a>
</div>

Edit: aparently you cant write code in the main section of these replies.. hmm

Just swap the

</div> and the </a> around.

#3

The closing-Tag should be used in the right order


#4

if you want your div clickable you should wrap both the div opening tag (<div>) and div closing tag (</div>) inside your link tags, currently your div opening tag is outside the link


#5

yes you must writte like this ;


#6

Right, there is a bit of problem. normally, you would nest a link inside a div:

<div><a></a></div>

however, this exercise ask you to the reverse, even though that is not according to standards:

<a><div></div></a>