居中標題在CSS

Question

背景：我目前正在修改WordPress的

目標我皇家滑塊插件：我希望做標題的寬度爲100％（寬如圖）。

Issue：我在CSS編碼方面苦苦掙扎，並且一直在修補，沒有任何結果。

編輯：電流（錯誤）編碼：

與它仍然有問題。

<div class="rsContent"> 
    {{image_tag}} 
<div class="rsCaption"> 
    <h3>{{title}}</h3> 
    <p>{{description}}</p> 
<div class="outerDiv" style="width: 100%"></div> 
<div class="sliderDiv style="width: 100%"></div> 
<div class="captionDiv" style="width: 100%"></div> 
    {{thumbnail}} 
    {{html}} 
    {{animated_blocks}} 
    {{#link_url}} 
    <a class="rsLink" href="{{link_url}}">{{title}}</a> 
    {{/link_url}} 
</div> 

鏈接到頁面：http://www.mountainobsession.com/peaks-o-the-week-mount-temple/

在此先感謝。我真的很掙扎着。

Answer 1

你可以發佈鏈接到你的實際頁面，它會更容易看到那裏發生了什麼。或者你可以使用鉻檢查工具，如果你想自己做。

編輯：你的鏈接訪問後：

我檢查你的網頁，發現類rsGCaption被繼承，你的頂部DIV + CSS樣式。我發現通過設置你的位置屬性從絕對到相對。解決這一問題的唯一方法是創建一個外層div

<div class="outerDiv"> "Give this width as you like" 
    <div class="sliderDiv> "make width to 100%" 
    </div> 
    <div class="captionDiv"> "make width to 100%" 
    </div> 
"put any number of divs below as you like and don't forget to close them properly" 
</div> 

我已經嘗試這樣做，對我的作品。讓我知道那是怎麼回事。