Html 如何定位div而不是其中的文本？

我想将我的div“Test”与文本Discover对齐。对于这段代码，这是对齐的div（aka.test）中的文本，而不是div。我该怎么做

编辑：我添加了CSS，这样你就可以明白我的意思了

多谢各位

  <div class="col-md-12">
<div class="row">
  <a href="#">
  <div class="col-xs-12 col-sm-12 col-md-6 col-xl-12 button_cta">
    <p>Test</p>
  </div>
</div>

.button\u cta{
高度：90px；
显示：表格；
颜色：白色；
表布局：固定；
边框颜色：#FFFFFF；
背景色：#18C8D2；
}

圣阿凡斯

就是这样

/图像/ca img.png“width=”“height=”“alt=”“/>
知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德
试验

我找到了一个解决方案，将div嵌套在另一行中。谢谢

  <div class="col-md-12">
<div class="row">
  <a href="#">
  <div class="col-xs-12 col-sm-12 col-md-6 col-xl-12 button_cta">
    <p>Test</p>
  </div>
</div>

试验

---

你的HTML缺失。有两件事。1.在“测试”之前，你的HTML中有一个打开的

，这可能是你的问题的一部分？2.当你添加CSS时，你删除了HTML。对不起，我更正了如果你这样做会发生什么：。这就是你的意思吗？如果你下一步需要测试来发现，为什么要将“测试”放在新的网格中ow？你能不能只做

Discover测试