Not centered?


So I did everything for the code and none of my text is centered in the circle buttons. All of my names are far left and it looks nothing like where all the text was displayed on the test beginning sample. What is going on? Why won't it work? Also, I've passed all of the lessons, so it never once asked to center anything???

Using Chrome (newest version) and Windows 10.

div {
	display: inline-block;
	margin-left: 5px;
	height: 100px;
	width: 100px;
	border-radius: 100%;
	border: 2px solid black;
.friend {
    border: 2px dashed #008000;
.family { 
    border: 2px dashed #0000FF;
.enemy {
    border: 2px dashed #FF0000;
#best_friend {
    border: 4px solid #00C957;
#archnemesis {
    border: 4px solid #CC0000;


You can go back to the sample and have a look at all the CSS properties it is using. You can then try one in your own code to see what effect it has. Keep testing until you get it the way you want it.