デザインレシピ「スライドバナーを作成する方法とスマートフォン画面で上部にもってくる」を参考に、
ECステーションツールボックスで横幅300pxのスライドバナーを作成しました。

商品ページ共通パーツに登録し、スマホ（iOS/Android）で確認したところ
左寄りになっていたため、以下のような形で
<iframe>を<center>と</center>で囲んだのですが中央揃えになりません。
中央に表示するにはどうすればよいでしょうか。

<script ="" src="外部JSファイルのURL"></script ="">
<center>
<iframe ="" src="スライドバナー用HTMLファイルのURL" class="iframeBefore" width="横幅" height="縦幅">
</iframe ="">
</center>