更改div类

Question

我正在尝试将有关图像的文字移到图像的右侧，而不是在图像下方，我一直在试验float: right，但这会移动div中的所有元素类称为info，因此我想知道是否有办法将CSS格式应用于div类的特定元素？

.info {
  color: #eaeaea;
}

<div class="info">
  <h3>Info</h3>
  <img src="img.jpg" alt="Image" width="70px" height="113px">
  <p>Information on the image
    <p>
</div>

Answer 1

这里最重要的是选择img并将其向左浮动，因此右侧的文字将浮动img。要选择类别为<div>的{​​{1}}内的元素，只需在空格

之后添加即可

.info

.info img {float: left}

.info {
  color: #888;
  width: 250px;
}
.info img {
  float: left;
  margin-right: 20px;
}

Answer 2

您可以使用CSS标签选择器将图像设置为左移，如下所示：

.info img 
{
  float: left;
}

Answer 3

这是你的代码：

<style>
        .info {
            color: #eaeaea;
        }
        .info img{
            float: left;
        }
            .info p {
                float: right;
            }
    </style>
<div class="info">
        <h3>Info</h3>
        <img src="img.jpg" alt="Image" width="70" height="113">
        <p>Information on the image</p>
    </div>

现在图像位于左侧，文本位于右侧。 这就是你想要的？