用HTML图片右对齐

在HTML中，如果你想将图片元素右对齐，可以使用CSS来设置其`float`属性或`display`属性。以下是两种常见的方法：

1. **使用`float`属性**:

   <img src="your-image-source.jpg" alt="描述图片" style="float:right; margin-left: auto; margin-right: 0;">

这里，`float:right`会使图片向右浮动，`margin-left: auto`会让浏览器自动计算左边的空白，并将其填充到所需的宽度。

2. **使用`display`属性和`flexbox`或`grid`布局** (适用于现代浏览器) :
如果你的目标文档支持现代CSS布局技术，你可以使用`display:flex` 或 `display:grid`:

   <div style="display:flex; align-items:center;">
     <img src="your-image-source.jpg" alt="描述图片">
   </div>

或者

   <div style="display:grid; grid-template-columns:auto 1fr;">
     <img src="your-image-source.jpg" alt="描述图片" grid-column:1 / span 1; /* 确保图片占据一行 */
   </div>

这样图片会在容器内水平居中显示，同时保持在右侧。