html - 如何使用 css 正确定位文本？

Question

我有一个跨度(“numberCounter”)，其中包含一个我设计为具有淡入淡出层的数字: This is the link of the page

我无法在其上正确使用“float:right” 是否有解决方案可以在不使用 (left right margin-left margin-right) 的情况下将其定位在 div 的右侧？

<section class="horizontal-timeline" id="timeline" style="background-image: url(https://www.nicepng.com/png/detail/197-1971420_timeline-timeline-png.png) !important;    background-size: cover;">
  <h2 id="timeline-title">là où tout a commencé</h2>
  <div class="events-content">
    <span id="numberCounter" class="1946">1946</span>
    <ol>

      <li class="selected" data-horizontal-timeline='{"date": "16/01/1946"}'>
        <div class=" col-md-6 " style="    height: 100%;">
          <img src="https://i.picsum.photos/id/247/200/300.jpg?hmac=DOAWkFIrJUIvEj0t5qAsGiVgyTn8_e8EicBaXPCQge8">
        </div>
        <div class="desc-slider col-md-6">
          <h3>Post</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>

      </li>
    </ol>
  </div>
</section>

Answer 1

使用position: absolute:

position: absolute;
top: 0;
right: 0;

不要忘记父元素需要一个position: relative