Html 如何在CSS中居中超链接

我在这个网站工作

https://barrecertification.com/

在本页中，您会注意到是的-我想获得Barre认证！就在视频下方。
它相对于视频居中，但当我放大或缩小浏览器时，居中位置丢失，位置改变

---

如何在不考虑浏览器缩放级别的情况下实现中心位置？

我认为视频和文本元素需要包含在同一个容器中。文本移动的原因是它位于单独的行上

---

尝试将文本所在的行与视频所在的行分开

在div“响应视频”中移动超链接。

我的意思是集中在视频下，而不是身体。你可以尝试将它们放在一个有两行的表格中：视频和文本。请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！
<div class="col-xs-8">
  <div class="responsive-video"
    //Your Video file src: 
    <div class="text-center">
      <a href="#" class="your_class">YES I WANT TO....</a>
    </div>
  </div>
</div>