制作HTML+CSS网站时，如何实现图片环绕文字效果？

直接用HTML原生的<img>标签属性就能搞定，不用折腾CSS：

• 给图片添加align="left"，文字会自动从图片右侧开始环绕；加align="right"，文字就从图片左侧排列。
• 要是觉得图片和文字挤在一起，还能加hspace（水平间距）和vspace（垂直间距）属性调整空隙，比如hspace="12" vspace="6"。

示例代码：

<img src="your-image.jpg" align="left" hspace="12" alt="示例图">
<p>这里输入需要环绕的文字内容，不管文字长短，都会沿着图片边缘排列，不会只卡在图片的上下方。之前你尝试的对齐方式不对，用这个属性就能直接实现环绕效果。</p>

虽然align是HTML的旧属性，但所有主流浏览器都支持，完全符合你优先用HTML解决的需求。如果之后需要更灵活的布局控制，再考虑CSS的float属性就好。

内容的提问来源于stack exchange，提问作者InsertUsername