Try it Editor: html_img

Edit This Code :


<!DOCTYPE html>
<html>
<body>
<h1>The img align attribute</h1>

<p><strong>Note:</strong> The align attribute is not supported in HTML5. Use CSS instead!</p>

<h2>align="bottom" (default):</h2>
<p>This is some text. <img src="http://www.dwfaisalabad.com/wp-content/uploads/2017/08/DWF.png" alt="Smiley face" width="42" height="42"> This is some text.</p>

<h2>align="middle":</h2>
<p>This is some text. <img src="http://www.dwfaisalabad.com/wp-content/uploads/2017/08/DWF.png" alt="Smiley face" width="42" height="42" align="middle"> This is some text.</p>

<h2>align="top":</h2>
<p>This is some text. <img src="http://www.dwfaisalabad.com/wp-content/uploads/2017/08/DWF.png" alt="Smiley face" width="42" height="42" align="top"> This is some text.</p>

<h2>align="right":</h2>
<p>This is some text. <img src="http://www.dwfaisalabad.com/wp-content/uploads/2017/08/DWF.png" alt="Smiley face" width="42" height="42" align="right"> This is some text.</p>

<h2>align="left":</h2>
<p>This is some text. <img src="http://www.dwfaisalabad.com/wp-content/uploads/2017/08/DWF.png" alt="Smiley face" width="42" height="42" align="left"> This is some text.</p>

</body>
</html>
Result :
html_img_align
