摘要：学一半忘一半，只能得空就撸了。印象中好像没学到把div放到同一行，所以就请教了什么都知道的百度，不过作业中有一个bug,清除浏览器默认边距后，蓝球就挂了，所以作业里没有清除，请老师指教该怎么处理。不胜感激下面是作业：<!doctype html><html> <head> <meta charset="utf-8"> <
学一半忘一半，只能得空就撸了。
印象中好像没学到把div放到同一行，所以就请教了什么都知道的百度，
不过作业中有一个bug,清除浏览器默认边距后，蓝球就挂了，所以作业里没有清除，请老师指教该怎么处理。
不胜感激
下面是作业：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/x-icon" href="picture/666.jpg">
<title>这是一个border作业</title>
<style type="text/css">
.blue-ball{display:inline;margin-left:5px;width:30px;height:30px;background:blue;box-shadow:1px 3px 10px #ccc inset;border-radius:15px;color:white;text-align:center;line-height:30px}
.red-ball{display:inline;margin-left:5px;width:30px;height:30px;background:red;box-shadow:1px 3px 10px #ccc inset;border-radius:15px;color:white;text-align:center;line-height:30px}
input{height:30px;width:180px;border:1px solid orange;margin-top:10px;}
button{height:32px;width:180px;background:orange;margin-top:10px;border:none;color:white}
</style>
</head>
<body>
<div style="text-align:center">
<p>掐指一算，下期的双色球开奖号码大概就是下面这个了<p>
<div class="blue-ball">01</div>
<div class="blue-ball">02</div>
<div class="blue-ball">03</div>
<div class="blue-ball">04</div>
<div class="blue-ball">05</div>
<div class="blue-ball">06</div>
<div class="red-ball">07</div>
</div>
<p style="text-align:center">买这个号码，差不多就有一个500万的机会了</p>
<div style="text-align:center">
<form method="get/post" action="url">
<input type="text" name="username" placeholder="请输入用户名"><br>
<input type="password" name="pwd" placeholder="请输入密码"><br>
<button>立即登入</button>
</form>
</div>
<p style="text-align:center">马上登入，天机子带你飞</p>
</body>
</html>
批改老师：灭绝师太批改时间：2018-11-07 16:43:20
老师总结：没有学过把div放到一行？display？float？问题私聊
