运行效果：
源代码：
1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>传智播客</title> 6 <style type="text/css"> 7 * { 8 margin: 0; 9 padding: 0;10 border: none;11 }12 13 .container {14 width: 520px;15 margin-left: 10px;16 margin-top: 10px;17 }18 19 .img-logo{20 width: 170px;21 }22 23 .border-black {24 margin: 20px auto;25 border: 1px solid black;26 float: left;27 }28 29 .itcast-info {30 width: 320px;31 height: 100%;32 float: right;33 }34 35 .itcast-conclusion{36 width: 100%;37 padding-top: 40px;38 float: left;39 }40 </style>41 </head>42 <body>43 <div class="container">44 <div class="img-logo">45 <img class="border-black" src="http://www.itcast.cn/2018czgw/images/logo.png" />46 </div>47 <div class="itcast-info">48 传智播客是致力于高素质软件开发人才培养的新三板挂牌公司（代码：839976）。旗下已涵盖黑马程序员及博学谷两大子品牌。现开设JavaEE、Android、PHP、UI、IOS、前端、C++、网络营销、Python、云计算、全栈工程师、产品经理等培训学科49 </div>50 51 <div class="itcast-conclusion">52 传智播客由一群有活力、有理想、有责任的传智人组成，他们秉承“为莘莘学子改变命运而讲课，为千万学生少走弯路而著书”的使命，坚持“务实、质量、创新、分享、专注、责任”的核心价值观，正向着建设成为中国一流的综合性职业教育集团不断迈进。53 </div>54 </div>55 </body>56 </html>
