Html 将文本与div容器的右侧对齐

CSS

HTML

---

我需要将类div_p的文本置于图像的右侧，但根据此代码，它当前位于图像的下方。

将图像设置为向左浮动

.img_block {
    float: left;
}

试试看

试试这个：

.div_p p {
    float: right;
    max-width: 80px;
    min-width: 80px;
}

.img_o {
    float: left;
    max-width: 400px;
    min-width: 400px;
}

并使用“最大宽度”（max width）限制其宽度，使其不会出现在文本的容器中。文本将留在那里

这是小提琴：

你应该申请

.div_p {
float: left;
}

或

然后你想怎么做就怎么做

<div class="img_block">
    <img class="img_o" src="images/scene2.jpg">
    <img class="img_i" src="images/scene3.jpg"><span style="position:absolute; top:10px; right:10px;">100</span>
    <div class="div_p"><p>hi hello how are you</p></div>
  </div>

.div_p p {
    float: right;
    max-width: 80px;
    min-width: 80px;
}

.img_o {
    float: left;
    max-width: 400px;
    min-width: 400px;
}

.div_p {
float: left;
}

.div_p {
position: absolute;
right: 10px; /* or whatever you want */
}