请问这样实现可以吗?
来源：2-7 编程练习
慕粉3414773
2020-02-17 22:59:29
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
*{margin:0;padding:0;}
.main{width:850px;margin:0 auto;text-align:center;overflow:hidden;}
.con{float:left;width: 50%;padding-top:20px;}
.con img{width:400px;height: 240px;}
h1{font-family: "new times roman"}
dd{font-size:16px;font-weight:bolder;text-align:left; margin-left: 12px;}
</style>
</head>
<body>
<div class="main">
<h1>ENJOY THE LIFE</h1>
<div class="con">
<dl>
<dt><img src="http://img1.sycdn.imooc.com\/climg/58f829090001a4b504260240.jpg"></dt>
<dd>Life is like a book,just read more and more<br/>refined,more write carefully,when read,<br/>mind open, all things have been indifferent to<br/> heart. Life is the precipitation</dd>
</dl>
</div>
<div class="con">
<dl></dl>
<dt><img src="http://img1.sycdn.imooc.com\/climg/58f8290f0001558804260240.jpg"></dt>
<dd>Life is like a book,just read more and more<br/>refined,more write carefully,when read,<br/>mind open, all things have been indifferent to<br/> heart. Life is the precipitation</dd>
</div>
</div>
</body>
</html>
1回答
-
好帮手慕星星
2020-02-18
同学你好，代码实现效果很棒。继续加油，祝学习愉快！
0
相似问题