2-7练习题，请老师指点一下，谢谢

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">	
	<title>CSS布局</title>
	<style type="text/css">
    <!--
    *{padding:0;margin:0;}
    .con{
        width:1000px;
        margin:0 auto;
    }
    .title,.com{float:left;}
    .title{
        width:100%;
        height:80px;
        line-height:80px;
        font-size:45px;
        text-align:center;
        font-family:"Microsoft YaHEI";
        padding-top:8px;
        padding-bottom:8px;
    }
    img{
        width:440px;
        height:260px;
    }
    .com{
        width:50%;
        text-align:center;
    }
    .com div{
        width:440px;
        font-size:16px;
        font-family:"Microsoft YaHei";
        font-style:italic;
        text-align:left;
        color:#333;
        padding-left:30px;
    }
    -->
	</style>
</head>
<body>
	<div class="con">
	    <div class="title">ENJOY THE LIFE</div>
	    <div class="com left">
	        <img src="http://img1.sycdn.imooc.com/climg//58f829090001a4b504260240.jpg" alt="life is a book!"/>
	        <div>
	            Life is like a book,just read more and more refined,more write more carefully.When read,mind open,all things have been indifferent to heart.Life is the precipitation.
	        </div>
	    </div>
	    <div class="com right">
	        <img src="http://img1.sycdn.imooc.com/climg//58f8290f0001558804260240.jpg" alt="life is a cup!"/>
	        <div>
	            Life is like a cup of tea,let people lead a person to endless aftertastes.You again good taste,it will always have a different taste,different people will have different taste more.
	        </div>
	    </div>
	</div>
</body>
</html>

明日阳光 2017-12-28

源自：项目：网页布局案例 2-7 编程练习