html - 如何在进度条之后插入文本

Question

我有一个 jquery 进度条，我需要在进度条之后插入一些文本。 但是文本位于进度条下方。请让我知道如何解决这个问题。 我试过使用:

<div id="progressbar" style="width:150px;height:25px;"></div><div>Lesson 2</div>

Answer 1

您可以使用display:inline-block

HTML:

<div id="progressbar" style="width:150px;height:25px;"></div>
<div id="text">Lesson2</div>

CSS:

#progressbar{
    background-color:red;
    display: inline-block;
}
#text{
    display: inline-block;
}

DEMO