12/25 I set the div to be a square, but it's not


#1


https://www.codecademy.com/courses/web-beginner-en-6merh/1/7?curriculum_id=50579fb998b470000202dc8b#


in this section, trying to make things more visible, I gave the div a width=50px and a height=50px. But it seems the result isn't a square, why?


div{
    width:50px;
    height:50px;
    border: 1px solid black;
    background-color:#cc0000;
    margin: 10px 5px 5px 50px;
    padding:0px 30px 0px 10px;
}


#2

Its because your padding is not equal on all sides


#3