html - 在不向左推文本的情况下向右侧添加字母

Question

我这里有这个 HTML:

    <div class="last_img">
        <p>Galutinė žetono išvaizda:</p>
        <span class="zetin11">A</span>
        <span class="zetin12">A</span>
        <span class="zetin13">A</span>
        <span class="zetin14">A</span>
        <span class="zetin15">A</span>
        <img class="last_img_img" src="images/img1.png" alt="">
    </div>

当我写文本时，span 中的文本会向左移动，因此它会超出图像范围。如何只在右侧添加字母，而不向左移动文本？

这是我的 zetin11 的 css:

position: relative;
    top: -125px;
    right: -79px;
    font-family: Courier;
    font-size: 18px;

Answer 1

从问题中我了解到，您想在不移动段落的情况下将 A 向右拉。如果是这样，那么这里有一个

我刚用过

span{
   float: right;
}

工作 fiddle :https://jsfiddle.net/rittamdebnath/fdhj1u6s/