如何将无序列表的元素向左移动？

Question

picture of my calendar

如您所见，蓝色方块与工作日名称不符。我对HTML相当陌生，因此任何链接或解决方案都将大有帮助。我正在尝试将蓝色块向左移动，但是我不知道如何在HTML或CSS中进行操作。谢谢。

此外，如果有人知道如何使列表的END彼此对齐，那就太好了。我只是在玩宽度游戏，但是都不匹配。

这是我的日历块的代码：

  <ul class="days">
  <li><span class="active"></span></li>
  <li><span class="active"></span></li>
  <li><span class="active"></span></li>
  <li><span class="active"></span></li>
  <li><span class="active"></span></li>
  <li><span class="active"></span></li>
  <li><span class="active"></span></li>
</ul>

和CSS代码：

.days li .active {
    padding: 40px;
    background: #b3ecff;
}

Answer 1

我认为问题出在默认的 ul 和 ol 元素的边距和填充。

.days {
    padding: 0;
    margin: 0;
}