magento通讯css放置在主页

Question

我做过研究，但是找不到关于如何将新闻通讯块显示为中心位置的决议。我知道有HTML代码脚本以及它的CSS。

我得到了一些答案，但是没有成功，希望社区给予一些帮助。

请查看新闻稿栏左侧的图片（newsletter-block-not-center）。

我使用的HTML代码：

<div style="background-color: #fff;">
    <div class="container">
        <div class="inner-container">
            <div>
                <br/>
                <br/>
                <br/>
                <br/>
                    <h2 style="text-align: center;">Subscribe now and save more than everything!</h2>

                <p style="text-align: center; font-size: 16px; color: #999; line-height: 23px;">Grab a fantastic saving when you subscribe now. It's not just a saving, great tips, free gitft and other secrets are awaiting you.</p>
                <div class="newsletter-container">{{block type="newsletter/subscribe" template="newsletter/subscribe.phtml"}}</div>
            </div>
        </div>
    </div>
</div>

这里是css update im附加在路径下的现有css：/ skin / frontend / ultimo / default / css和css文件名是styles.css

更新了Css（加入其中）：

.class{ display:inline-block; text-align:center; float:center; }

并且此链接中提供了现有的简报css： http://myarttees.com/v1/skin/frontend/ultimo/default/css/styles.css

帮助我了解如何使时事通讯集中。 ：（

Answer 1

我认为最简单的解决方案是给出display：block by fixed width然后居中。

.newsletter-container {
    /* display: inline-block; */
    /* text-align: center; */
    display: block;
    width: 360px;
    margin: 0 auto;
}