Check out example codes for "how to align contents of div in center". It will help you in understanding the concepts better.
Code Example 1
1. Enclose the div that you want to center with a parent element (commonly known as a wrapper or container) 2. Set “text-align: center” to parent element. 3. Then set the inside div to “display: inline-block”
Learn ReactJs, React Native from akashmittal.com