How to vertically right <a> tag in the <div> 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

vertical-align: right; properties is

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

to make text right, try:

text-align: right;

or:

float: right;