Html 如何覆盖文本对齐 大lol 小lol

我需要将小的lol移动到左边并留有边距，但问题是整个页面上设置了

文本对齐：居中，我无法删除它。
添加
！重要信息

<div style="text-align: center">
    Big lol
    <div style="margin-left: 50px;">
        Small lol
    </div>
</div>


小lol

此处演示
尝试以下操作：

<div style="margin-left: 50px !important; text-align:left !important">
        Small lol
    </div>

<div style="margin-left: 50px; text-align: left;">


大lol
小lol

用！重要信息：您可以覆盖样式父项
您只需在元素：更改上设置
文本对齐

<div style="text-align: center">
    Big lol
    <div style="margin-left: 50px; text-align:left !important">
        Small lol
    </div>
</div>



到



如果这没有达到预期的效果，那么原因在于问题中未披露的某些设置。在这种情况下，治疗方法取决于疾病，也就是说，取决于特定的环境以及如何治疗。
尝试以下方法：

<div style="margin-left: 50px !important; text-align:left !important">
        Small lol
    </div>

<div style="margin-left: 50px; text-align: left;">


大lol
小lol

第二个
div的属性
text align:left
将覆盖第一个
div的属性
text align:center
。通常，当您需要覆盖父容器的属性时，只需使用相同属性所需的值。希望有帮助。
重写内联样式的唯一方法是使用
！重要信息
在CSS文件中的声明之后。它只会向左移动，没有边距。添加！利润率也很重要。我在回答中添加了演示，您不需要添加
！重要信息
到页边距，除非页边距也被其他地方覆盖。但考虑到你目前的情况，索姆亚的回答应该足够了。根据@Anothershubery，不需要添加！左边距很重要。不要滥用
！重要的
规则在您自己的CSS文件中（如果您觉得需要
！重要的
，那么您需要查看您的CSS/HTML代码。
！重要的
规则意味着“在作者和用户样式表之间建立权力平衡。默认情况下，作者样式表中的规则优先于用户样式表中的规则”。有关更多详细信息：maring应为页边空白：）