老师帮忙瞅一眼 谢谢
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
*{
padding: 0;
margin: 0;
}
.container{
width: 1000px;
margin: 0 auto;
overflow: hidden;
padding: 50px;
}
h1{
text-align: center;
padding-bottom: 30px;
}
.img1{
width: 45.5%;
float: left;
margin-left: 3%;
}
.img1 img{
width: 100%;
}
.img2{
width: 45.5%;
float: right;
margin-right: 3%;
}
.img2 img{
width: 100%;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="container">
<h1>ENJOY THE LTFE</h1>
<dl class="img1">
<dt><img src="http://img1.sycdn.imooc.com/climg//58f829090001a4b504260240.jpg" /></dt>
<dd>（1）定义标题，居中显示在容器中
（2）定义两个图文混排的模块，要求显示在一行，并且两个模块之间有空隙
（3）分别对两个图文混排模块进行图片的设置和字体的设置</dd>
</dl>
<dl class="img2">
<dt><img src="http://img1.sycdn.imooc.com/climg//58f8290f0001558804260240.jpg" /></dt>
<dd>（1）定义标题，居中显示在容器中
（2）定义两个图文混排的模块，要求显示在一行，并且两个模块之间有空隙
（3）分别对两个图文混排模块进行图片的设置和字体的设置</dd>
</dl>
</div>
</body>
</html>
正在回答
同学你好,
老师运行了你的代码，效果是正确的，继续努力哦~
如果还有疑惑，可以在问答区再次提问，我们会继续为你解答的。
如果我的回答帮助了你欢迎采纳，祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星