1、在html中定位一个元素的位置并且实现向左移动50像素的方式是借助css中的margin来实现。
2、基本用法是margin属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
3、margin可以接收4个值，分别为距离上、右、下、左的值，也是可以使用margin-left单独设置距离左边的值，代码如下。
4、<html>
<head>
<style type="text/css">
p.margin {margin-left:50px}
</style>
</head>
<body>
<p>这个段落没有指定外边距。</p>
<p class="margin">这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。
5、运行结果如下图
1、<img src="" hspace="">这里的hspace指水平方向与其他元素的间隔，填个你想要的整数就行了，如果是竖直方向就用vspace，简单吧。2、<img src="#" width="100" height="100" style=" margin-left:10px" />在图片代码里面加上margin属性。往右移就margin-left，往左移动就margin-right。
3、给图片加个class用相对定位做就可以了。例:<style type="text/css">.imgPlace{ position:relativetop:5pxleft:5px/*right:5pxbottom:5px*/}/*position:relative是相对定位的意思top是相对离上面的距离，left是相对离左面的距离，right是相对离右面的距离，bottom是相对离下面的距离，*/</style><img src="...." alt=" " title=" " class="imgPlace" />。
4、在table外面套个div，再调整div的位置。
需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先，打开html编辑器，新建一个html文件，例如：index.html，填充问题基础代码。
2、在index.html中的<img>标签，输入html代码：style="margin: 15px 20px 25px 30px"。
3、浏览器运行index.html页面，此时图片被成功移动了位置到距离左侧30像素，上方15像素。
