float의 댓가? 막내를 만들어준다. row::after{content:"";}

float 을 사용하면 li가 float:right; 상태가 되면 ul은 자식으로 인정하지 않아서 저렇게 무시해서 쭉 올라온다. 자식이 없는 것처럼. 

그래서 부모인 UI에 보이지 않는 막내를 추가(ul::after{content:'';)한다. 그럼 막내를 가족으로 인정. 줄바꿈을 clear:both를 해준다.