Tryit Editor v1.7

Source Code:

Result:

<!DOCTYPE html>
<html>
<body>

<h4>Image with no margins</h4>
<p><img src="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="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>

Edit the code above and click "Submit Code" to see the result.

W3Schools.com - Try it yourself

Source Code:	Result:
<!DOCTYPE html> <html> <body> <h4>Image with no margins</h4> <p><img src="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="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>
Edit the code above and click "Submit Code" to see the result.	W3Schools.com - Try it yourself