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

Code Example 1

<!-- Code by Scratchy -->
<!-- Twitter: @S_cratchy-->

<!-- Solution 1 -->
<p>
  This is some cool text in html, wow such cool text
</p>

<!-- Solution 2 -->
<font style="text-align:right;"> This text is on the right</font>
<font style="text-align:center;"> This text is in the center</font>
<font style="text-align:left;"> This text is on the left</font>

Code Example 2

<!-- Code By T64 -->

<!-- Solution -->
<p style="text-align: left">This text is aligned to the left side of the page</p>
<p style="text-align: center">This text is aligned to the center of the page</p>
<p style="text-align: right">This text is aligned to the right side of the page</p>

<!-- Output -->
This text is aligned to the left side of the page

				This text is aligned to the center of the page

                                 This text is aligned to the right side of the page

<!-- Website: https://installation.cf -->

Learn ReactJs, React Native from akashmittal.com