Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  
  
  <div id="mainTarget">
<img src="http://myreaxns.com/wp-content/uploads/2013/03/priyanka-chopra-image.jpg" width="300" class="mainTarget" />
<div id="target">&nbsp;</div>
</div>
  
  
</body>
</html>
 
#mainTarget{
    width:300px; 
    height:200px; 
    position:relative;
    top:100px; 
    left:25%;
    -webkit-touch-callout: none;
      -webkit-user-select: none;
              user-select: none;
}
.mainTarget{position:absolute; width:300px; height:200px;}
#target{
    position:absolute;
    height:20px;
    width:20px;
    background:url(http://files.softicons.com/download/system-icons/human-o2-icons-by-oliver-scholtz/png/128x128/actions/object-rotate-left.png) no-repeat top center #ffffff;
    background-size:100%;
    cursor:pointer; 
    z-index:1; 
    top:0; 
    right:0;   
}
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers