Javascript 如何使下面的文本以响应的方式位于方框的中心？

这是我在JSFIDLE上的代码。。 我想要在响应网格中的文本块。在本例中，如果更改大小，文本将不再位于中心。。 我已经试过了

display:table-cell;
vertically-align: middle;

还有我在其他问题上找到的其他解决方案，但没有一个对我有效。

在你的小提琴中： 将文本右侧更改为文本中心（我想这就是您要问的）

乱数假文
他只是个傻瓜。。。。。。。。

我将添加

显示：flex；对齐项目：将项目居中

到包裹这些单元格的父项，然后从

h1

.hp笔记本电脑交易{
边框：3px实心#eaeaea；
框大小：边框框；
边缘顶部：2米；
边缘底部：2米；
显示器：flex；
对齐项目：居中；
}
.惠普笔记本电脑交易h1{
文本转换：大写；
字号：900；
字号：2.5em；
边际上限：0；
}
.hp笔记本电脑交易h4{
文本转换：大写；
字号：1.5em；
字母间距：-2px；
}
.惠普笔记本电脑交易p{
字号：0.85em；
字号：600；
文本转换：大写；
}
@介质（最大宽度：768px）{
.hp笔记本电脑交易img{
边缘顶部：1米；
}
.惠普笔记本电脑交易h1{
字号：1.25em；
}
.hp笔记本电脑交易h4{
边缘顶部：0.75em；
字号：1em；
字母间距：0px；
线高：0%；
}
.惠普笔记本电脑交易p{
线高：100%；
字体大小：正常；
字体大小：0.75em；
}
}

乱数假文
他只是个傻瓜
Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

No。。我想真正地对齐文本。。而文本中心类将其水平对齐。。

<div class="col-md-4 col-sm-6 col-xs-6 text-center">
    <h1>Lorem Ipsum</h1>
    <h4>Is Simply Dummy</h4> ........