Html 如何垂直向右<；a>；在<；部门>；块

代码如下：

HTML

.a_btn_右{
垂直对齐：右对齐；
}

---

垂直对齐：右侧属性是

vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;

要使文本
向右
，请尝试：

text-align: right;

或：

float: right;

CSS

.a_btn_right{
   width:100%;
}

.a_btn_right a{
   float:right;
}

将代码更改为：

<div class="a_btn_right">
    <a class="btn" href= "{{ site.url }}{{ post.url }}" >Read More</a>
</div>

您可以删除边框、高度和宽度；
请参见此处：

.a_btn_右{
边框：2倍实心#000；
高度：300px；
宽度：300px；
文本对齐：左对齐；
}
.a_btn_右a{
浮动：对；
}
试试这个
你可以一直走Flexbox路线，这也是开始添加到CSS中的一件很好的事情

您只需将CSS编辑为：

<style>
    .a_btn_right{
        display: flex;
        justify-content: flex-end;
    }
</style>


.a_btn_对{
显示器：flex；
证明内容：柔性端；
}

如果您担心它是否适用于所有浏览器，您可以在此处查看作为参考：

这个网站也很适合双重检查你想在网站上使用的任何类型的代码，但是，我坚信Flexbox是前进的方向。这也是一种将非响应性构建转化为响应性网站设计的好方法。
看看这把小提琴，它展示了所有可以用来垂直对齐元素中心的方法：@sumitbadaya很酷，thx很多。
<style>
    .a_btn_right{
        display: flex;
        justify-content: flex-end;
    }
</style>