如何将元素移到列表项圆的左侧

Question

我想将timeline部分移到列表项“圆”的左侧。

我该怎么做？

<div class="blah">
  <ul class="list">
    <li>
      <div class="timeline">
        saturday, october 21st 2018
      </div>
      <p>
      this is some text here
      </p>
    </li>
    <li>
      <div class="timeline">
        saturday, october 20st 2018
      </div>
      <p>
      this is some text here hello world
      </p>
    </li>
  </ul>
</div>

http://jsfiddle.net/wkhv90gz/1/

Answer 1

您可以使用float将其向左拉，然后设置margin-right以获取所需的间距。

.timeline {
  float: left;
  margin-right: 25px;
}

JS小提琴：http://jsfiddle.net/wkhv90gz/2/