메뉴 아래로 안나와여

보통 메뉴 하고 서브 메뉴 가 아래로 나와야 하는데

왼쪽에 나오네요;;

쉽게 말씀 드리면 메뉴가 5자 이상이면 한줄로 나오는데 2자 3자면 옆으로 나와요;;

도와주세요 ㅠㅠ

.dropdown-menu {
  position: absolute;
  top: 55px;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  background-color: #333;
  padding: 10px 0;
  margin: 2px 0 0 0;
  font-size: 18px;
  text-align: center !important;
  list-style: none;

}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;