Text below button on the right - html

Question

I want the text to be below the button on the right side, like so:
|‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾|
| SOME BUTTON |
| |
|_______________________________________|
powered by Company
Tried everything with different divs etc, but can't get it too work.
.info_button{
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: #E50000;
color: #fff;
width: auto;
text-align: center;
padding: 10px 20px;
cursor: pointer;
/*margin-bottom: 20px;*/
margin-top: 10px;
font-size: 17px;
display: inline-block;
font-weight:330;
}
#media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
{
.info_button
{
line-height:1.2;
}
}
<div style="text-align: center;"><a class="info_button" href="">Here is a button-text</a>
</div>
<div style="font-size: 10px; text-align: right; margin-bottom: 20px;">powered by companyname</div>
Probably this is really easy and I'm just lost.

Answer 1

Keep both on the same div
.info_button {
border: none;
border-radius: 5px;
background: #E50000;
color: #fff;
padding: 10px 20px;
cursor: pointer;
margin-top: 10px;
font-size: 17px;
display: inline-block;
font-weight: 330;
}
.box {
display:table; /* fit content */
margin:auto; /* center div */
text-align:right; /* push text to right */
}
<div class="box">
<a class="info_button" href="">Here is a button-text</a>
<div style="font-size: 10px; ">powered by companyname</div>
</div>