html - テキストアラインを上書きする方法

Question

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

小さなlolをマージンを持って左に移動する必要がありますが、問題はページ全体で設定されており、text-align: center削除できないことです。

Answer 1

これを試して：

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

text-align: left2番目のプロパティは、最初divのプロパティを上書きします。通常、親コンテナのプロパティを上書きする必要がある場合は、同じプロパティに必要な値を使用するだけです。それが役に立てば幸い。text-align: centerdiv

Answer 2

追加!important

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

デモはこちらhttp://jsfiddle.net/z8yna/1/

Answer 3

要素に設定するだけで済みますtext-align: change

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

に

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

これが望ましい効果をもたらさない場合、原因は質問で開示されていない設定にあります。その場合、治療法は病気によって異なります。つまり、その特定の設定とそれがどのように行われたかによって異なります。

Answer 4

これを試して：

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

!important を使用すると、スタイルの親をオーバーライドできます