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更新IM：/護膚/前端/阿爾提莫/默認/ 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

我認爲最簡單的解決方案是賦予顯示：由固定寬度塊，然後居中

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