No ID, no entry


I don't see anything wrong with my code. But, it keeps giving an error, asking me: Oops, try again. Did you assign one of your 'friend' divs the id 'best_friend'?
Please, help me with this.

    <!DOCTYPE html>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>My Social Network</title>
		<!--Add your HTML below!-->
		<div class="friend" id ="best-friend"></div>
		     <div class="friend"></div>
		     <div class="friend"></div>
		<div class="family"></div>
		<div class="family"></div>
		<div class="enemy" id ="archnemesis"> </div>
		<div class="enemy"></div>


best_friend should have an underscore, not a hyphen


Thanks. it worked. How stupid of me!