用什么方法可以是我这段代码的右边距变小啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>百度一下,你就知道</title> <style type="text/css"> body,ul,li{ margin:0px; padding:0px; } body{ font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; background-color:#FFF; } ul{ list-style-type:none; } a{ text-decoration:underline; } #topBar ul{ padding:5px 10px 400px 1225px; } #topBar ul li{ float:left; } #topBar ul li a{ margin-right:3px; } </style> </head> <body> <div id="wrapper"> <div id="topBar"> <ul> <li><a href="#">搜索设置</a>|</li> <li><a href="#">登录</a></li> <li><a href="#">注册</a></li> </ul> </div> </div> </body> </html>
就像把这样的效果变成这样的