CSS/HTML - 下拉菜單上的文本會向右移動，即使我將其對齊左邊

Question

下面的問題的圖片。我嘗試了谷歌搜索，但這是一個特定的問題，我找不到任何有用的東西。

Picture （對不起，使用imgur，堆棧溢出不允許新用戶嵌入圖片）

CSS：

#dropDown3 {position:absolute; 
      top:130px; 
      left:860px; 
      padding:15px; 
      margin:0px; 
      text-align:left; 
      line-height:170%; 
      width:40px; 
      height:45px; 
      display:none; 
      background-color:#006bb2; 
      border-radius:1px; 
      z-index:2;} 

我的另外兩個下拉菜單不會有這個問題。任何幫助表示讚賞。

Answer 1

的問題是你的填充：你有15px的填充。所以，因爲空間太小，文本顯示在右側比在左側更多。

嘗試減少填充或設置寬度稍大。

我希望它可以幫助...

Answer 2

嘗試

#dropDown3 li{ 
text-align:left; 
} 

Answer 3

您的文本左對齊，否則噸近期和歸檔電子將右對齊，但他們都沒有，因爲Vucko說，不移動元素遠在左邊。