Css 中央标题

Css 中央标题,css,center,text-alignment,Css,Center,Text Alignment,我目前正试图在Wordpress()上修改我的Royal Slider插件 我的目标是将文字置于所有标题的中心,并使标题宽度达到100% 这是正在工作的代码: <div class="rsContent"> {{image_tag}} <div class="rsCaption"> <h3>{{title}}</h3> <p>{{description}}</p> </div> {{

我目前正试图在Wordpress()上修改我的Royal Slider插件

我的目标是将文字置于所有标题的中心,并使标题宽度达到100%

这是正在工作的代码:

<div class="rsContent">
  {{image_tag}}
<div class="rsCaption"> 
    <h3>{{title}}</h3> 
    <p>{{description}}</p>
</div> 
  {{thumbnail}}
  {{html}}
  {{animated_blocks}}
  {{#link_url}}
  <a class="rsLink" href="{{link_url}}">{{title}}</a>
  {{/link_url}}
</div>
我也不确定位置


任何指导/链接都很好。我完全是个新手,正在慢慢地想办法解决这个问题。

首先,你有
class=“rsCaption”
,你的css上写着
#rsCaption
,它是用于ID的。所以你的CSS应该是这样的:

.rsContent { 
    position: relative;
    /* rest of the code that already exists */

}
    .rsContent .rsCaption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; 
        margin: 0;
    }

这只是一个粗略的猜测,取决于你目前拥有什么。如果我能看到它在某个地方发挥作用,那将是另一回事。

谢谢@bebliucGeorge的评论。。。这是指向我正在使用的滑块的链接
对不起,您请求的页面找不到,或者已经不存在了。
.rsContent { 
    position: relative;
    /* rest of the code that already exists */

}
    .rsContent .rsCaption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; 
        margin: 0;
    }