ul标签中多个li标签设置左右间距，是左右，********************
padding-left：设置左边距（内边距）
padding-right：设置右边距（内边距）
margin-left：设置左边距（外边距）
margin-right：设置右边距（外边距）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
li {
/* padding-left: 100px; */
margin-left: 100px;
/* margin-right: 100px; */
/* padding-right: 100px; */
}
</style>
</head>
<body>
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
</body>
</html>
设置 margin-left 和 margin-right 啊
你题目的解答代码如下：
<!doctype html>
<html lang="en">
<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,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
ul {
margin: 0;
padding: 0;
}
li {
float: left;
background-color: #cff;
list-style-type: none;
margin-left: 10px;
margin-right: 10px;
width: 50px;
}
</style>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body>
</html>
如有帮助，望采纳！谢谢!