css - 在CSS中将标题居中

背景：我目前正在尝试在Wordpress上修改我的Royal Slider插件

目标：我希望将字幕宽度设置为100％（与图片一样宽）。

问题：我在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/

提前致谢。我真的为此感到挣扎。

最佳答案

您能否将链接发布到您的实际页面，将更容易看到那里的情况。或者，您也可以使用chrome inspect工具。

编辑：链接后访问：

我检查了您的页面，发现rsGCaption类继承了您的顶级div CSS样式。我发现通过将您的position属性从绝对设置为相对。解决此问题的唯一方法是创建一个外部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>

我已经尝试过并为我工作。让我知道怎么回事。