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

Question

我已经做了研究，但找不到关于如何使时事通讯的 block 显示为中心位置的解决方案。我知道有 HTML 代码脚本和它的 css。

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

请检查左侧新闻稿 block 的图像(新闻稿 block 不居中)。

我使用的 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 更新 im 附加在路径下的现有 css 上:/skin/frontend/ultimo/default/css 和 css 文件名为 styles.css

CSS 已更新(添加到其中):

.class{ 显示:内联 block ；文本对齐:居中； float :中心； }

并且此链接中提供了现有的时事通讯 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;
}