Html 将文本与列底部对齐（不使用表格单元格）

我试图将div/text与列的底部对齐，但没有成功。如果可以避免的话，我宁愿不使用表格单元格

#jBtn{
位置：相对位置；
浮动：对；
边框：1px实心#fff；
边界半径：50%；
颜色：#fff；
}
#jTxt{
位置：绝对位置；
底部：0；
宽度：100%；
填充：25px；
}

什么东西
副标题

如果将

位置：相对
设置在
jBtn
的父级
上，并将
位置：绝对
设置在
jBtn
上，则应能正常工作

在这里，我添加了一个新类，
pore
，以避免与
col-md-6
类发生冲突

HTML

你能提供更多的细节吗？我的答案不会影响
jTxt
元素的CSS规则。
<div class="col-md-6 po-re">
    <div id="jBtn"><i class="fa fa-arrow-down fa-2x"></i></div>
</div>

.po-re {
  position: relative;
}

#jBtn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;    /* adjust to your values */
  height: 20px;   /* adjust to your values */
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
}