浮动离开跨度和div一起不按我想要的方式工作

Question

所以我正在制作一个即将推出的模板,我试图通过我的代码到达的是这张照片.

但我在我的代码中得到的是这个

我的HTML代码和CSS代码如下:

.days {
  font-size: 180px;
  font-family: "Oswald";
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  float: left;
}
.smalltext {
  font-size: 25px;
  font-family: "Oswald";
  letter-spacing: 10px;
  color: #fff;
  text-transform: uppercase;
  float: left;
}

<ul id="clockdiv">
  <li>
    <div class="smalltext">Days</div>
    <span class="days"></span>
  </li>
</ul>

问题是我怎样才能像设计一样将它们漂浮到左边？

Answer 1

简单:float完全删除.

我相信你已经略微推翻了这一点.float特别告诉元素相邻地定位自己,而你想要的外观似乎完全相反.

<div>除非另有说明,否则块状元素会自然地出现在另一个上面并且左对齐,因此通过float: left;从两个元素中移除它们,您应该能够实现所需的外观.

另外,只是为了满足我自己的好奇心...我假设你正在使用的原因<ul>并为此<li>列出元素(这似乎不是任何类型的列表)？