老師，2-7練習
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
*{padding:0;margin:0;}
.content{width:1000px;height:400px;background:red;}
.content .des1{width:400px;height:300px;float:left;margin-left:60px;background}
.content .des2{width:400px;height:300px; float:right;margin-right:80px;}
h3{text-align:center;padding-top:20px;font-size:30px;}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="content">
<h3>ENJOY THE LIFE</h3>
<div class="des1">
<img src="http://img1.sycdn.imooc.com/climg//58f829090001a4b504260240.jpg">
<div class="wd1">HTMHTMLHTMLHTMLHTMLHTMLHTMLHTMHTML<br>HTMHTMLHTMHTMLHTMHTMLHTMHTMLHTMHTML</div>
</div>
<div class="des2">
<img src="http://img1.sycdn.imooc.com/climg//58f8290f0001558804260240.jpg">
<div class="wd2">HTMHTMLHTMLHTMLHTMLHTMLHTMLHTMHTML<br>HTMHTMLHTMHTMLHTMHTMLHTMHTMLHTMHTM</div>
</div>
</div>
</body>
</html>0
收起
正在回答
1回答
你好同学，问题与修改如下：
1.文字不用设置换行标签。它显示在一行，是因为字母都连在一起了，浏览器把它们整体解析成一个单词，所以给字母设置一些空格即可，如下：
2.如下样式只写了一个属性名，没有设置属性值，不过这里不用设置，去掉即可：
3.大盒子去掉背景色，设置一个居中效果更好：
祝学习愉快，望采纳。
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星