排列图片

编辑下面的代码，然后点击查看运行效果按钮，右侧显示代码修改后的运行结果

<html>

<body>

<h2>未设置对齐方式的图像：</h2>

<p>图像 <img src ="/img/eg_cute.gif"> 在文本中</p>

<h2>已设置对齐方式的图像：</h2>

<p>图像 <img src="/img/eg_cute.gif" align="bottom"> 在文本中</p>

<p>图像 <img src ="/img/eg_cute.gif" align="middle"> 在文本中</p>

<p>图像 <img src ="/img/eg_cute.gif" align="top"> 在文本中</p>

<p>请注意，bottom 对齐方式是默认的对齐方式。</p>

</body>
</html>

运行结果:上一个示例：背景图片下一个示例：浮动图像

HTML 示例 - W3C HTML - 在线测试工具 V1.0