老师帮忙看看，这段代码怎么不对呀？哪里出错了呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.container{
padding:0 300px 0 400px;
}
.left,
.middle,
.right {
position: relative;
float: left;
min-height: 800px;
}
.left{
margin-left:-100%;
left:-400px;
width:400px;
background:#FFEFDC;
}
.right{
margin-left:-300px;
left:300px;
width:300px;
background:#ACD8E5;
}
.middle{
width:100%;
background:#FFC1CB;
}
</style>
</head>
<body>
<div class="container">
<div class="middle">11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</div>
<div class="left">
<h1>课程推荐</h1>
<div>
<span>职业路径 </span>
<span>HTML5与CSS3实现动态网页</span>
</div>
<div>
<span>职业路径 </span>
<span>零基础入门Android语法与界面</span>
</div>
<div>
<span>职业路径 </span>
<span>IOS基础语法与常用控件</span>
</div>
<div>
<span>职业路径 </span>
<span>PHP入门开发</span>
</div>
<div>
<span>职业路径 </span>
<span>JAVA入门开发</span>
</div>
</div>
<div class="right">
<form>
<h1>登录</h1>
<input type="text" placeholder="请输入登录邮箱/手机号"/>
<input type="password" placeholder="6-16位密码，区分大小写，不能用空格"/>
<input type="button" value="登录">
</form>
</div>
</div>
</body>
</html>
正在回答
同学你好，连在一起的英文或者数字会被认为是一个词，默认不打断不换行。可以修改为有空格，有符号的内容，如下：
效果：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星