CSS/HTML - 下拉菜单上的文本向右对齐，即使我向左对齐答案

【问题标题】：CSS/HTML - Text on drop down menu goes right even though I aligned it leftCSS/HTML - 下拉菜单上的文本向右对齐，即使我向左对齐
【发布时间】：2013-01-02 11:13:12
【问题描述】：

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

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;}

我的其他两个下拉菜单没有这个问题。任何帮助表示赞赏。

【问题讨论】：

代替 left:860px; ，使用像 left:840px; 这样较小的东西。
您在上面看到的 CSS 是针对整个 div 的，而不仅仅是文本本身。将其对齐到 840px 意味着下拉菜单将向右 20px 太远
然后减小padding，例如padding:15px 0 15px 0;（右上角左下角）。

标签： html css drop-down-menu text-alignment

【解决方案1】：

问题在于您的填充：您有 15 像素的填充。所以因为空间太小，文字出现在右侧多于左侧。

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

希望对你有帮助……

【讨论】：

【解决方案2】：

试试

#dropDown3  li{
 text-align:left;
}

【讨论】：

【解决方案3】：

您的文本左对齐，否则“最近”中的 t 和存档中的 e 将右对齐，但它们不是，正如 Vucko 所说，不要将元素移到左边。

【讨论】：