html - CSS/HTML - 下拉菜单上的文本向右移动，即使我将它左对齐

Question

下面是我遇到的问题的图片。我试着用谷歌搜索这个，但这是一个非常具体的问题，我找不到任何有用的东西。

Picture(抱歉使用imgur，Stack overflow不允许新用户嵌入图片)

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 的填充。因此，由于空间太小，文本出现在右侧的次数多于左侧。

尝试减少内边距或将宽度设置大一点。

希望对你有帮助