title: How can I move images around in html or CSS?
body: <p>As the title says I'd like to move around the images which are in the html file. I tried some options both in html and CSS to no avail. When I try to change the properties of a picture in CSS so I can lower it further down, nothing happens.</p>
  <pre><code>&lt;html&gt;
     &lt;head&gt;
        &lt;link rel=&quot;stylesheet&quot; href=&quot;css/style.css&quot; /&gt;
        &lt;style&gt;
           img {
              float: right;
           }
           r1 {
              float:  center;
           }
        &lt;/style&gt;
     &lt;/head&gt;
     &lt;body background=&quot;background.jpg&quot;&gt;
  
      &lt;img class=&quot;manonmoon&quot; src=&quot;C:\Users\raven\Desktop\Promo Page Rocketman (1)\Priloga\planet-violet-astronout.png&quot; height=&quot;550&quot;/&gt;
  
        &lt;img class=&quot;r1&quot; src=&quot;C:\Users\raven\Desktop\Promo Page Rocketman (1)\Priloga\r1.png&quot; height=&quot;110&quot;/&gt;
  
        &lt;img class=&quot;r2&quot; src=&quot;C:\Users\raven\Desktop\Promo Page Rocketman (1)\Priloga\r2.png&quot; height=&quot;110&quot;/&gt;
  
        &lt;img class=&quot;r3&quot; src=&quot;C:\Users\raven\Desktop\Promo Page Rocketman (1)\Priloga\r3.png&quot; height=&quot;110&quot;/&gt;
  
     &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  <p>and also for CSS:</p>
  <pre><code>.r2{
  
  position:  relative;
  left: 20px;
  
  }
  </code></pre>