Check out example codes for "how to right align a text button". It will help you in understanding the concepts better.

Code Example 1

<p align="right">
  <input type="button" value="Click Me" />

Code Example 2

<h1>Button with Text</h1>
<div class="flex-box">
<p>Once upon a time in a ...</p>
<button>Read More...</button>

<h1>Only Button</h1>         //button with flex box
<div class="flex-box-2">
  <button>The Button</button>

<h1>Multiple Buttons</h1>
<div class="flex-box-2">
  <button>Button 1</button>
  <button>Button 2</button>

Code Example 3

.flex-box {
  justify-content:space-between; //button with flex box
  outline: 2px dashed blue;

.flex-box-2 {
  justify-content: flex-end;
  outline: 2px deeppink dashed;

Code Example 4

<input type="button" value="Click Me" style="float: right;">

Learn ReactJs, React Native from