css中整列表往方框左移

CSS中整列表往方框左移是一种常见的排版技巧，它能够使得页面更加美观和舒适。那么如何实现这种排版呢？下面我们将详细介绍：

ul {
  margin: 0;
  padding-left: 40px; /* 往方框左移的距离 */
}
li {
  list-style: none;
  position: relative;
}
li:before {
  content: "";
  position: absolute;
  left: -20px; /* 方框的左侧比文字的左侧要左移的距离 */
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
} 

代码中，我们首先将ul的margin属性设置为0，padding-left属性设置为我们需要往方框左移的距离。然后将li的list-style属性设置为none，以去掉默认的列表符号。接着，我们使用:before伪元素来创建方框并使其往左偏移，使得它与文字正好重叠在一起。

需要注意的是，如果你需要添加外边距或内边距，你需要将此添加到li元素上，而不是ul元素上。

总之，通过以上的代码，你可以快速实现CSS中整列表往方框左移的效果，让你的网页呈现出更加美丽的页面排版效果。