CSS要素を入力して、改行すると勝手にインデントがネストされていく

Question

Vimで行の表記がズレないようにしたい

Vim8でHTML編集を行っています
margin値などの行で改行すると次の行以降が
インデントネストされていきます

行の最後がセミコロン「;」で終わる時に発生

エンター改行、または「Esc+o」改行すると
このようになります

  7     div{
  8     ¦   margin-top: 30px;
  9     ¦   ¦   margin-bottom: 30px;
 10     ¦   ¦   ¦   background: #33FFFF;
 11     }
 12 
 13     h1{
 14     ¦   margin-top: 40px;
 15     ¦   ¦   margin-bottom: 40px
 16     ¦   ¦   ¦   background: #FFFFFF;
 17     ¦   ¦   ¦   ¦   mix-blend-mode: multiply;
 18     }


コード

これを下のようにそろえて表記されるようにしたいです

 
  7     div{
  8     ¦   margin-top: 30px;
  9     ¦   margin-bottom: 30px;
 10     ¦   background: #33FFFF;
 11     }
 12 
 13     h1{
 14     ¦   margin-top: 40px;
 15     ¦   margin-bottom: 40px
 16     ¦   background: #FFFFFF;
 17     ¦   mix-blend-mode: multiply;
 18     }                       
コード