Check out example codes for "html image position". It will help you in understanding the concepts better.

Code Example 1

<img src="image.jpg" style="top:---%; left:---%">

<!-- if you put "top" to an higher %, the image will be
 more down. exemple :-->

<img src="romuald.png" style="top:03%; left:80%">

<!-- my image will be up and in the right corner -->

Code Example 2

<img src="paris.jpg" alt="Paris" class="center">

Code Example 3

<img align="left|right|middle|top|bottom">

Code Example 4

<img src="smiley.gif" alt="Smiley face" width="42" height="42" style="vertical-align:bottom">

    <img src="smiley.gif" alt="Smiley face" width="42" height="42" style="vertical-align:middle">

    <img src="smiley.gif" alt="Smiley face" width="42" height="42" style="vertical-align:top">

    <img src="smiley.gif" alt="Smiley face" width="42" height="42" style="float:right">

    <img src="smiley.gif" alt="Smiley face" width="42" height="42" style="float:left">

Learn ReactJs, React Native from akashmittal.com