老师检查一下代码，看看有什么错的地方或者是优化的地方
来源：2-7 编程练习
可怜虫小姜
2020-05-31 16:53:24
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
*{
padding: 0;
margin: 0;
}
.box{
width: 1000px;
height: 1000px;
margin: 0 auto;
}
h2{
text-align: center;
line-height: 100px;
}
.left{
width: 45%;
float: left;
text-align: center;
}
.right{
width: 45%;
float: right;
text-align: center;
}
img,.wen{
width: 500px;
}
.wen{
text-align: left;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<h2>ENJOY THE LIFE</h2>
<div class="box">
<div class="left">
<img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg">
<div class="wen">图文混排效果在各大网站的应用非常广泛，现在我们根据下面的效果图来实现一个简单的图文混排效果</div>
</div>
<div class="right">
<img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg">
<div class="wen">图文混排效果在各大网站的应用非常广泛，现在我们根据下面的效果图来实现一个简单的图文混排效果</div>
</div>
</div>
</body>
</html>
1回答
-
好帮手慕小鱼
2020-05-31
同学你好，代码是正确的。继续加油，祝学习愉快~
0
相似问题
回答 1
回答 1