Html 在下拉列表中设置文本左对齐？

我正在创建一个纯html和css下拉列表，我可以隐藏和显示它，但我无法将下拉列表中的文本向左对齐

有人能指出我做错了什么吗

看到这个了吗

或者参见以下工作示例：-

。切换下拉列表p{
文本对齐：居中；
}
.下拉列表{
边框：1px纯灰；
宽度：8%；
保证金：自动；
盒影：10px 10px 8px#8888888；
填充：0px 16px；
显示：无；
}
.切换下拉列表：悬停。下拉列表{
显示：块；
}
保险商实验室{
列表样式类型：无；
}
李阿{
颜色：黑色；
填充：12px；
文字装饰：无；
显示：内联块；
文本对齐：左对齐；
}

下拉列表
下拉文本

您只需设置

填充内联开始：0在
ul
块中：
在我的叉形密码笔里：


。切换下拉列表p{
文本对齐：居中；
}
.下拉列表{
边框：1px纯灰；
宽度：8%；
保证金：自动；
盒影：10px 10px 8px#8888888；
填充：0px 16px；
显示：无；
}
.切换下拉列表：悬停。下拉列表{
显示：块；
}
保险商实验室{
列表样式类型：无；
填充内联开始：0；
}
李阿{
颜色：黑色；
填充：12px；
文字装饰：无；
显示：内联块；
文本对齐：左对齐；
}

下拉列表
下拉文本







您只需设置
填充内联开始：0在
ul
块中：
在我的叉形密码笔里：


。切换下拉列表p{
文本对齐：居中；
}
.下拉列表{
边框：1px纯灰；
宽度：8%；
保证金：自动；
盒影：10px 10px 8px#8888888；
填充：0px 16px；
显示：无；
}
.切换下拉列表：悬停。下拉列表{
显示：块；
}
保险商实验室{
列表样式类型：无；
填充内联开始：0；
}
李阿{
颜色：黑色；
填充：12px；
文字装饰：无；
显示：内联块；
文本对齐：左对齐；
}

下拉列表
下拉文本







谢谢，但是
左侧填充：0
也给出了相同的结果。这两种语言之间有什么区别？看看这个交互式的解释：在你的例子中，
padding left:0
也可以使用，但是如果你想给你的网站添加一种新的语言，比如阿拉伯语，那么
padding inline start:0
是更好的选项，但是
左侧填充：0
也给出了相同的结果。这两种语言之间有什么区别？看看这个交互式的解释：在你的例子中，
padding left:0
也可以使用，但是如果你想给你的网站添加一种新的语言，比如阿拉伯语，那么
padding inline start:0是更好的选择