这样可以吗
来源：2-7 编程练习
热心网友唐
2020-02-26 14:39:15
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
*{margin:0;padding:0;}
.container{width:1000px;height:800px;}
.container h1{width:500px;margin-top:50px;margin-left:250px;}
.container .p2{float:right;}
.container .p1{float:left;}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="container">
<h1>ENJOY THE LIFE</h1>
<dl>
<dd class="p1">
<img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg"/>
<p>这是内容这是内容这是内容这是内容这是内容这是内容这是<br/>这是内容这是内容这是内容这是内容这是内容这是内容这<br/>这是内容这是内容这是内容这是内容这是内容这是内容这是</p>
</dd>
<dd class="p2">
<img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg"/>
<p>这是内容这是内容这是内容这是内容这是内容这是内容这是<br/>这是内容这是内容这是内容这是内容这是内容这是内容这<br/>这是内容这是内容这是内容这是内容这是内容这是内容这是</p>
</dd>
</dl>
</div>
</body>
</html>
1回答
-
同学你好，代码问题以及优化建议如下：
1、最外层的盒子，可以设置下水平居中。且宽度设置1000px，稍微有点大，可以改为900px，例：
2、h1标签，不需要设置宽度与左外边距，直接设置内容居中即可，例：
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
0
相似问题