magento 时事通讯 css 放置在主页上

Question

我进行了研究，但找不到关于如何使时事通讯块显示为中心位置的解决方案。我知道有 HTML 代码脚本及其 css。

我得到了一些答案，但是没有用，希望社区对此提供一些帮助。

请检查通讯块在左侧的图像（通讯块非中心）。

我使用的 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 更新我附加在路径下的现有 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 固定宽度然后居中。

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