이런 가로 스와이프 메뉴인데 안드로이드는 문제없는데 아이폰은 "how to make?" 메뉴만 단어가 줄바꿈 되서 보인다는데 도대체 무슨 문제인지 모르겠네요..

각 메뉴별 요소 넓이를 지정해준것도 아닌데 왜 아이폰에서 저 특정 단어만 줄바꿈 되는걸까요?

<style>
.gnb { height:60px; line-height:60px; border-bottom:1px solid #333; background:#000 }
.gnb .swiper-container { width:auto !important; text-align:center; }
.gnb .swiper-slide { padding:0 12px !important; width:auto !important; text-align:center;  }
.gnb .swiper-slide a { font-size:13px; color:#fff; text-align:center }
.gnb .swiper-slide.color:nth-child(1) a { color:#ff882a !important }
.gnb .swiper-slide.color:nth-child(2) a { color:#3ad1da !important }
.gnb .swiper-slide.color:nth-child(3) a { color:#b154dc !important }
.gnb .swiper-slide.color:nth-child(4) a { color:#eae32a !important }
.gnb .swiper-slide.color:nth-child(5) a { color:#3971d9 !important }
</style>