如何垂直右<a> tag in the </a> <div> <a> block?

Question

Here's the code:

HTML

.a_btn_right{
        vertical-align: right;
    }

<div class="a_btn_right">
        <a class="btn" href= "" >Read More</a>
</div>



    

But fail to make vertically right <a> tag in the <div>, any idea about how to make it happen?

Answer 1

cmd.Parameters.Add("p_onwer", OracleDbType.Varchar2);属性

vertical-align: right;

制作文字vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit; ，试试：

right

或

text-align: right;

Answer 2

<强> CSS

float: right;

Answer 3

将您的代码更改为：

kafka-manager

和css到

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

您可以删除边框，高度和宽度; 见这里：http://codepen.io/mhadaily/pen/OXGbYp

Answer 4

.a_btn_right{
   border:2px solid #000;
   height:300px;
   width:300px;
   text-align:left;
}
.a_btn_right a{
  float:right;
}


Try This

<div class="a_btn_right">
    <a class="btn" href= "#" >Read More</a>
</div>

Answer 5

您可以随时关注Flexbox路线，这也是开始添加到CSS中的好方法。

您需要做的就是将CSS编辑为：

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

如果您担心它是否适用于所有浏览器，可以在此处查看：http://caniuse.com/#search=flexbox

本网站也适合双重检查您想在您的网站上使用的任何类型的代码，但我坚信Flexbox是前进的方向。这也是将非响应式构建转变为响应式网站设计的好方法。