단순히 줄바꿈을 할려면 네비게이션에서 <br> 태그를 넣어주시기 바랍니다.

네비게이션 마법사에 해당 메뉴 수정버튼 클릭을 하시고 한줄 띄우고 싶은 문구에다가 <br>을 삽입을 하시면 

줄바꿈 처리가 됩니다. 

 

 

말씀하신대로 네비게이션 마법사에서 <br>을 넣었는데, 간격이 너무 넓더라고요.

크롬에서 얼마나 넓은지 봤더니... 많이 넓더라고요.... 간격을 완전하게 줄일 수 없을까요?

<br>을 넣었다면 line-height:를 조절하셔야 합니다.

그리고 line-height를 조절하시면 상단에 붙게 됩니다. 이부분은 아래이미지를 참고해 주시기 바랍니다.

먼저 중간을 유지하게 하려면 레이아웃이 변경되어야 합니다.

현재 ul.dep1 > li > a 안에 텍스트가 있습니다. ul.dep1 > li > a > span 안에 텍스트로 바꿔주세요.

아래의 이미지는 display:table을 이용하여 높이비례 센터를 유지하게 한 부분입니다.

a에 display:table;width:100%;를 주시고

그안에 추가하신 span에 display:table-cell;vertical-align:middle을 span은 해당컨텐츠에서 중앙을 유지하게 됩니다. 텍스트부분은 line-height값으로 간격을 조정해 줬습니다. 

 

아니면 letter-spacing css를 사용하셔도 좋을듯 합니다.

http://www.w3schools.com/cssref/pr_text_letter-spacing.asp