运行效果：
源代码：
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>