change image position in html code example

Example 1: img html

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

Example 2: html image position

<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 -->

Example 3: html position div

<!DOCKTYPE html> <!-- Start of coding page -->
<html> <!-- Start of html coding -->
  <head> <!-- Start of head -->
    <title>TITLE<title> <!-- Title -->
    <script>
      //JavaScript
    </script>
    <style>
      /* CSS */
    </style>
  </head> <!-- End of head -->
  <body> <!-- Start of body -->
    <div id='mydiv' style = "position:relative; left:0px; top:100px;">
      Hello! 
      <!-- Use that style tag to positions things, have a play around with it! -->
    </div>
  </body> <!-- End of body -->
<html> <!-- End of html coding -->
<!-- Add this line of code next to your id: 

style = "position:relative; left:0px; top:100px;" 

too let you position divs where you want them, you can even position
them ontop of other divs! -->

Tags:

Css Example

Recent Posts