Text not staying in Divs


#1

My text is not staying inside my divs. Am I doing something wrong? Here's my code:

/*Add your CSS below!*/
div {
display:inline-block;
margin-left:5px;
height:100px;
width:100px;
border:2px solid black;
border-radius:100%
}
.friend {
border: 2px dashed #008000
}
.family {
border: 2px dashed #0000ff
}
.enemy {
border: 2px dashed #FF0000
}


#2

Seems like you've made you div a circle and now your text is showing up outside of it. If that's the problem then you'll have to place the text itself in another container and then set it's align attribute to center.


#3

Yeah, I had the same problem until I looked how it was done in the initial example of the code: you have to wrap your text into < p > tags inside the divs and then style it in css similar to the example given at the beginning of the exercise.