많은분들의 도움으로 나란히 놓게 되었어요

이것저것 하위메뉴도 다 만들었는데 중요한걸깜박했네요

아래 사진처럼 글씨가 가운데에 가있지만 해당 height 에 비해 위에 쏠려있어서요. 엔터를 쳐보지만 오른쪽으로만 움직이더라구요

이런경우 .css값에 어떤 명령을 내려야할까요?  

저걸 저 직사각형 div틀 가운데에 넣고싶어요.

폰트 사이즈를 어느정도 크게하면 맞춰지긴 하는데, 지금 저 사이즈가 가장 괜찮은것 같아서요.

혹시나 더 아시는분이 계실까 해서요.

style이랑 .js에 도움을 받아 하위메뉴를 워터, 스노우 각각 만들었는데.. 뭔가 이상하게도

워터메뉴를 누르면 워터메뉴가 나오지만 스노우메뉴를 누르면

워터메뉴는 그대로있고 스노우메뉴가 나오면서 둘이 겹쳐지네요

제 생각은 워터메뉴를 누르면 워터메뉴가 나오는건 같지만 스노우메뉴를 누르면 워터의 하위메뉴가 사라지고 스노우메뉴가 나오게 하려 했거든요. 이건 js부분을 수정해야겠죠?