Check out example codes for "align center 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

To text align all yuo have to do this:
<style>
  .yournameforclass {
    background: #fff; //which does not have to be there
    text-align: center;
    width: 100%;  //all of this can be varied. Text align can be used in these forms: left, which is to the left, right, to the right of the screen
    height: 300px;
  }

Code Example 3

<center>
	<p>This is centered</p>
</center>

Code Example 4

<html>
<head>
<style>
h1 {text-align: center;}
p {text-align: 
    center;}
</style>
</head>
<body>

<h1>This is a 
    heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Learn ReactJs, React Native from akashmittal.com