Question

This CSS bit should move my image a little to left from the right margin but it doesn’t. The image is at the left margin now.

<?php

$var=60;
?>

<style type="text/css">
p.first {
  background-color: #ffffff;
  width: 25px;
  height: 25px;
  overflow: hidden;
  position: fixed;
  bottom:0px;
  right: <?php echo $var; ?>px;
  margin: 0px;
  padding: 0px;
}

</style>

<p class="first"><img src="images.jpg" /></p>

Answer 1

Avoid using the position attribute in this case. Try using margin/padding to “move my image a little to left from the right margin”

<style type="text/css">
    p.first {
        background-color: #ffffff;
        width: 25px;
        height: 25px;
        overflow: hidden;
        padding-left: <?php echo $var; ?>px;
        margin: 0px;
    }
</style>