CSS 实例：带有边距的图像 - 在线编辑器

          <!DOCTYPE html>
<html>
<body>

  <h4>Image with no margins</h4>
  <p><img src="/examples/smiley.gif" alt="Smiley face" width="42" height="42" align="middle"> This is some text. This is some text. This is some text.</p>

  <h4>Image with 50px margins on top and botttom</h4>
  <p><img src="/examples/smiley.gif" alt="Smiley face" width="42" height="42" align="middle" style="margin:50px 0px">This is some text. This is some text. This is some text.</p>

</body>
</html>
        