Html 如何将文本置于图像之前？

我有一张图片，我想把文字放在图片的左边，但我做不到

以下是我的代码：

<div style="float:right; width:75%;">
<p style="float: left;">Affiliated to Board of Secondary Education Rajasthan, Jhunjhunu International School is purely english medium from LKG to 10th. It is equipped with most modern study and play equipment, which includes extramarks SMART LEARN CLASS, completely automated school automation software - SchoolPrime, SMS based parent information system, centralized  examination and evaluation, world class celebrations, hobby classes, personality development and above all, Professionally trained team of teachers.</p>

<p style="float: left;">View Details</p>
<img src="images/disp_1_jis_logo.jpg" style="float: right;">
</div>

Jhunjunu国际学校隶属于拉贾斯坦邦中等教育委员会，从LKG到第十届都是纯英语授课。它配备了最现代化的学习和游戏设备，包括extramarks智能学习班、全自动学校自动化软件——SchoolPrime、基于短信的家长信息系统、集中考试和评估、世界级的庆祝活动、爱好班、个性发展等等，经过专业培训的教师队伍

查看详细信息

---

这篇文章的作者是谁。有人能帮我把文字放在图片的左边吗？然后将图像向上拉，使其与文本内联。

从p标记和div中删除

float:left

将

display:inlineblock

添加到p标记

将图像标记移到顶部

<div style=" width:75%; display:inline-block">
<img src="images/disp_1_jis_logo.jpg" width="150"style="float: right;">
    <p>Affiliated..</p>
<p >View Details</p>

</div>

附属的

查看详细信息

---

如果无法更改元素的顺序，请为第一个p元素添加宽度

<p style="float: left; width: 50%">Affiliated ...</p>

附属的

试试这个：

<div style="float:right; width:75%;">

<p style="float: left; display: inline-block; width: 800px;"><img src="test.jpg" style="float: left; padding: 0px 10px 10px 0px;">Affiliated to Board of Secondary Education Rajasthan, Jhunjhunu International School is purely english medium from LKG to 10th. It is equipped with most modern study and play equipment, which includes extramarks SMART LEARN CLASS, completely automated school automation software - SchoolPrime, SMS based parent information system, centralized  examination and evaluation, world class celebrations, hobby classes, personality development and above all, Professionally trained team of teachers.
equipment, which includes extramarks SMART LEARN CLASS, completely automated school automation software - SchoolPrime, SMS based parent information system, centralized  examination and evaluation, world class celebrations, hobby classes, personality development and above all, Professionally trained team of teachers.</p>

<p style="float: left;">View Details</p>

</div>

Jhunjunu国际学校隶属于拉贾斯坦邦中等教育委员会，从LKG到第10名为纯英语授课。它配备了最现代化的学习和游戏设备，包括extramarks智能学习班、全自动学校自动化软件——SchoolPrime、基于短信的家长信息系统、集中考试和评估、世界级的庆祝活动、爱好班、个性发展等等，经过专业培训的教师队伍。
设备包括extramarks智能学习班、全自动学校自动化软件——SchoolPrime、基于短信的家长信息系统、集中考试和评估、世界级庆典、兴趣班、个性发展，最重要的是，还有经过专业培训的教师团队

查看详细信息

这样想-默认情况下，每个块元素（如段落、图像或div）都放置在从其容器元素左侧开始的新行上，例如页面主体或另一个div

若要更改此默认放置，请将要移动的元素（在本例中为图像）浮动到所需的一侧，即代码中的

。这会将元素放在容器元素的最右边，无论它在代码中的哪一行上。以下任何元素都可以显示为从同一行开始，并将放置在该行的左侧。因此，您想要在左边的段落应该是图像后面的下一个元素，即

<img src="images/disp_1_jis_logo.jpg" style="float: right;">
<p>Affiliated to Board of Secondary Education Rajasthan, Jhunjhunu International 
School is purely english medium from LKG to 10th. It is equipped with most modern
study and play equipment, which includes extramarks SMART LEARN CLASS, completely
automated school automation software - SchoolPrime, SMS based parent information 
system, centralized  examination and evaluation, world class celebrations, hobby 
classes, personality development and above all, Professionally trained team of 
teachers.</p>
<p>View Details</p>

隶属于拉贾斯坦邦中等教育委员会，Jhunjunu国际
从LKG到10年级，学校都是纯英语授课。它配备了最现代化的设备
学习和游戏设备，包括extramarks智能学习课程
自动学校自动化软件-SchoolPrime，基于SMS的家长信息
系统、集中考试和评估、世界级庆典、爱好
课程、个性发展，尤其是经过专业培训的团队
老师们

查看详细信息

您还可以将元素从其他块元素中浮动出来，即，如果图像位于第一个段落块中，则其行为方式与此类似。

尝试此操作

<div style="float:right; width:75%;text-align: justify;">
<p style="float: left;">
Affiliated to Board of Secondary Education Rajasthan, 
<img src="images/disp_1_jis_logo.jpg" style=" float: right; margin:5px;">

隶属于拉贾斯坦邦中等教育委员会，

Jhunjunu国际学校是从LKG到第十届的纯英语学校。 它配备了最现代化的学习和游戏设备，包括extramarks智能学习班、-SchoolPrime、基于SMS的家长信息系统、集中考试和评估、世界级的庆祝活动、兴趣班、个性发展，尤其是经过专业培训的教师团队。

查看详细信息

<p style="float: left;">View Details</p>
</div