<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图文混排</title>
</head>
<body>
<style>
.box h2,p{
margin: 0;
}
.box{
width: 700px;
/* height: 300px;*/
border-style:solid;
background: #efefef;
font-size: 15px;
padding: 1.0rem;
}
.box img{
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.box p{
text-indent: 2px;
line-height: 2rem;
}
</style>
<div>
<h2 style="text-align:center; color:red">第三期 培 训_前端基础</h2>
<br>
<img src="https://img.php.cn/upload/course/000/000/001/5b583eb9ce6de779.jpg" alt="">
<p>PHP中文网第三期线上培 训 班_前端基础学习内容:CSS3,JavaScript,jQuery,Vue.js入门,Bootstrap,页面布局实战 《网站管理后台》的模板开发(综合应用以上所学知识)PHP
《网站管理后台》的模板开发(综合应用以上所学知识)PHP
《网站管理后台》的模板开发(综合应用以上所学知识)PHP</p>
</div>
</body>
</html>