float: left 로 해주셨기 때문에 왼쪽 정렬이 되는거에요... 많은 방법이 있지만.. 코드잇에서는 menu 클래스들을 다 포함하는 div 클래스를 하나 만들어서 해결했던 것 같네요..

float: left나 right를 안하면, 결국 흐지부지 해지는걸요 ㅠㅠ

float를 하고도 정렬을 할 수가 있어요.. 고양이가 있어요.... 이 고양이가 옴짝달싹조차 못하게 하려면... 고양이 길이에 맞는 박스에 가둬놓으면 될거에요...

float로 박스가 움직이니... 한 줄에 보여질 카드 길이만큼의 width를 가진 박스를 만들어서 menu 클래스를 다 포함시켜보세요... 여백도 있으니 여백도 그 길이에 포함시켜주셔야 할거에요.. 그리고 block 요소의 가로 정렬을 새로 만든 박스에 적용시켜보세요..