css中把图片放右边

在CSS中，怎样把一张图片放到右边呢？我们可以使用"float:right"属性来实现。下面来看一下具体的实现方法：
首先，我们需要在HTML文件中插入一张图片，并设置它的class属性为"align-right"。

 <img src="example.jpg" class="align-right" alt="Example Image"> 

然后，在CSS文件中，我们可以为这个class设置一个右浮动的样式：

 .align-right {
    float: right;
    /* 接下来可以添加其他的样式 */
  } 

这样，图片就会被放到文本的右边，并且其他的文本会自动环绕到图片的左边。
需要注意的是，如果希望图片的上下文环境不会对它产生影响，可以在图片周围添加一个外边距（margin）来使其脱离文本流：

 .align-right {
    float: right;
    margin: 10px;
  } 

这样，图片就会有一定的空白区域与其他文本分开。
如果需要在文本的某个位置插入图片并让它居右，可以在该位置的p标签中添加一个span标签，并为该span标签设置相应的样式：

 <p>这里是一段文字<span class="align-right"><img src="example.jpg" alt="Example Image"></span>这里是图片的后面的文字</p> 

也就是说，我们可以在p标签中嵌套span标签，用它来控制图片的位置。