CSS Background Position

The background-position CSS property sets the initial position (i.e. origin) of the element's background-image. It is often more convenient to use the shorthand background property.

Example of Code

 <style>
      #example-CSS-Background-Position-div{
        padding: 70px;
        background-image:url("http://schools.inimisttech.com/upload/blogs/15501493511549346156product.png");
        background-repeat:no-repeat;
        background-position: 100px;
      }
</style>
<div id="example-CSS-Background-Position-div">
    The background image is positioned 100 pixels in from the left.
</div>

Output