Code:
<!DOCTYPE html>
<html>
<head>
<title>Image alignments</title>
</head>
<body>
<h1>Image Alignments</h1>
<h2 align="top">Top</h2>
Nice<img src="1.gif" alt="image 1" align="top">Smily
<h2 align="middle">Middle</h2>
<p align="middle">
Nice<img src="1.gif" alt="image 1" align="middle">Smily</p>
<h2 align="left">Left</h2>
Nice<img src="1.gif" alt="image 1" align="left">Smily
<h2 align="right">Right</h2>
<p align="right">
Nice<img src="1.gif" alt="image 1" align="right">Smily
</p>
<h2 align="bottom">Bottom (Default)</h2>
Nice<img src="1.gif" alt="image 1" align="bottom">Smily
</body>
</html>
<html>
<head>
<title>Image alignments</title>
</head>
<body>
<h1>Image Alignments</h1>
<h2 align="top">Top</h2>
Nice<img src="1.gif" alt="image 1" align="top">Smily
<h2 align="middle">Middle</h2>
<p align="middle">
Nice<img src="1.gif" alt="image 1" align="middle">Smily</p>
<h2 align="left">Left</h2>
Nice<img src="1.gif" alt="image 1" align="left">Smily
<h2 align="right">Right</h2>
<p align="right">
Nice<img src="1.gif" alt="image 1" align="right">Smily
</p>
<h2 align="bottom">Bottom (Default)</h2>
Nice<img src="1.gif" alt="image 1" align="bottom">Smily
</body>
</html>
Output:
No comments:
Post a Comment