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 -->
  This is some cool text in html, wow such cool text

<!-- 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:
  .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

	<p>This is centered</p>

Code Example 4

h1 {text-align: center;}
p {text-align: 

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


Learn ReactJs, React Native from