怎么把字移到图片的右边
怎么把字移到图片的右边
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body background ="images/bg.jpg">
<img src="images/logo.png">
<hr width="100%" align="center" size="2" color="blue"/>
<p>明日科技--专注编程教育。先后语清华大学出版社、人民邮电出版社、电子工业出版社、机械工业出版社合作，出版图书数百套，编写高等学院教材十余套，累积影响用户逾百万。图书销量率屡创辉煌！<p/>
<img src="images/1.png" alt="清华大学出版社" title="清华大学出版社" width="190">
<img src="images/2.png" alt="人民邮电出版社" title="人民邮电出版社" width="190">
<img src="images/3.png" alt="电子工业出版社" title="电子工业出版社" >
<img src="images/4.png" alt="机械工业出版社" title="机械工业出版社" >
<br/><br/><br/><br/>
<img src="images/sheji.jpg" algin="left" hspace="20">
<h2 align="left">传智播客设计学院</h2 align="left">
<p align="left"> <font color="blue">传智播客设计学院</font>成立于2010年，专注于平面设计师、网页设计师、UI设计师的培养。我们拥有专业的师资团队，清晰合理的课程架构，4个月的学习循序渐进、充实饱满，从最基础的设计软件Photoshop和Illustrator开始学起，通过基础美术学习透视和光影关系，课程中结合大量的案例和实战项目，4个月的学习相当于两年工作经验。 <br/><br/> <font color="blue">传智播客设计学院</font>教给你的远远不止如何作图，在这里你将学到真正的设计素养和理念，毕业之后，你将成为平面、网页、UI设计都精通的全能设计师。 <br/><br/> 迄今为止<font color="blue">传智播客设计学院</font>已经培养出了上万名设计师，遍布于各个大中型企业，同时，从传智播客走出去的学员也得到了各个企业的一致认可和好评。</p>
</body>
</html>
<div style="display: flex; align-items: center;">
<img src="images/sheji.jpg" style="margin-right: 20px;">
<div>
<h2 style="margin: 0;">传智播客设计学院</h2>
<p style="margin: 0;"> <font color="blue">传智播客设计学院</font>成立于2010年，专注于平面设计师、网页设计师、UI设计师的培养。我们拥有专业的师资团队，清晰合理的课程架构，4个月的学习循序渐进、充实饱满，从最基础的设计软件Photoshop和Illustrator开始学起，通过基础美术学习透视和光影关系，课程中结合大量的案例和实战项目，4个月的学习相当于两年工作经验。 <br/><br/> <font color="blue">传智播客设计学院</font>教给你的远远不止如何作图，在这里你将学到真正的设计素养和理念，毕业之后，你将成为平面、网页、UI设计都精通的全能设计师。 <br/><br/> 迄今为止<font color="blue">传智播客设计学院</font>已经培养出了上万名设计师，遍布于各个大中型企业，同时，从传智播客走出去的学员也得到了各个企业的一致认可和好评。</p>
</div>
</div>