Html 将DIV垂直放置在父DIV的中心？

我想将我的

标题环绕

div垂直居中放置在

元滑块

div内。有人能帮忙吗

我能把这个放在中间吗？

非常简单。只需添加

列表样式：无

这是一个JSFIDLE，所有类都在tact中



*{
边框：黑色1px实心；
文本对齐：居中；
填充：0；
保证金：0；
列表样式：无；
}


我能把这个放在中间吗？

我已解决：

可能重复的哦恐怖，那些内联样式和图像大小属性…整理了一点：-）解决：将发布一个彻底的答复：-）这如何回答这个问题？不幸的是，我希望浮动的文字图像太多。
<div style="width: 100%; margin: 0 auto;" class="metaslider metaslider-flex metaslider-364 ml-slider">

    <div id="metaslider_container_364">
        <div id="metaslider_364" class="flexslider">
            <ul class="slides">
                <li style="display: block; width: 100%;" class="slide-370 ms-image">
                    <img src="http://placehold.it/700x300" height="300" width="700" alt="" class="slider-364 slide-370" />
                    <div class="caption-wrap">
                        <div class="caption">
                            <h2 style="text-align:center">Can I place this in centre?</h2>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>

</div>

.caption-wrap {
   position: absolute; 
   top: 45%; 
   left: 0;
   text-align: center; 
   width: 100%; 
}

.caption-wrap span { 
    color: red;
    font-weight: 300;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 15px;
    pointer-events: none;

}

.metaslider {
  position:relative;
}