html - チェックボックスは正常に動作しません

Question

<div style="display:inline;  margin-left:30px;  ">  
                 <span class="checktext"><?php echo $newspec->spec;?><span>
                 <input class="postptext" style=" display:inline; float:right;" type="checkbox" id="<?php echo $newspec->ID;?>" value="<?php echo $newspec->spec;?>">
</div>

<div style="display:inline;  margin-left:30px;  ">  
                 <span class="checktext"><?php echo $newspec->spec;?><span>
                 <input class="postptext" style=" display:inline; float:right;" type="checkbox" id="<?php echo $newspec->ID;?>" value="<?php echo $newspec->spec;?>">
</div>

<div style="display:inline;  margin-left:30px;  ">  
                 <span class="checktext"><?php echo $newspec->spec;?><span>
                 <input class="postptext" style=" display:inline; float:right;" type="checkbox" id="<?php echo $newspec->ID;?>" value="<?php echo $newspec->spec;?>">
</div>

これは css です：

.postptext
{
   float:right;
}

これが私のレイアウトです。これは私が見るものです：

ご覧のとおり、チェックボックスは明らかに正しくフロートされていますが、奇妙な動作を主張しています。margin-left 、 margin-right 、何も設定できません。彼らはただそこにとどまるでしょう。margin-left 30px を div 全体に配置しましたが、スパンのみがマージン設定を適用しています。私は混乱しています。他のいくつかの css がチェックボックスの設定を定義していることを知っています。しかし、フロートしません:それをオーバーライドするのに十分ですか? そうでない場合、テンプレートで定義されている css を完全に無視するにはどうすればよいですか?