自定义下拉列表css水平

Question

我希望横向自定义CSS下拉列表。

我试过但是，编码没有按预期给我结果。看看图像：

if(!$dropdown.length) {
                        var dropdownMarkup = '<li class="dropdown responsivetabs-more ">'
                        + '<a href="#" class="dropdown-toggle" data-toggle="dropdown">. . .</a>'
                        + '<ul class="dropdown-menu dropdown-menu-right ">'
                        + '</ul>';
                        $dropdown = $(dropdownMarkup);
                        $element.append($dropdown);

                    }

.nav-tabs li { position: relative; float: left; margin: 0 5px -1px 0; padding: 0; }
.nav-tabs li a { display: block;
  padding: 10px 20px;
  background: #f0f0f0;
  border: 0px #cccccc solid;
  outline: none;
  border-radius: 4px 4px 0px 0px;
  color: rgb(85, 85, 85);
  text-decoration: none;
}

.dropdown-menu {
width: 100%;
position: fixed;
top: 165px;
z-index: 1000;
text-align: right;
padding: 5px 0;
margin: 0 auto;
}