将元素放在进度条顶部的另一个元素的右侧

Question

我正在使用jquery mobile创建一个进度条。进度条顶部有一个指示，指示某些内容并定义该元素的位置：

以下是代码：

<div class="ui-slider ui-btn-down-c ui-btn-corner-all" style="border:none; margin:8px 0 0 0;">
<div class="ui-slider-bg ui-btn-active ui-btn-corner-all progressBarBackground " style="width: 0.56%; height:100%; padding:0; border:none">
</div>
<span style="left: 50%;display:block; position:absolute;top:-20px;font-size:12px;">
↓ Initial text (arrow don't move)
</span>
</div>

如何在不更改初始文字位置的情况下添加文字 BEFORE ？

如果我在“Append text”之前添加“↓ Initial text (arrow don't move)”，则箭头将移动“Append text”占据的空间！

提前感谢您的帮助

Answer 1

尝试使用span:before { content:"Append text"; }

确保要附加文本的范围具有用于CSS引用的id或类。