Html 将一些内容放在div中居中，将内容浮动在同一行上—保持垂直对齐

我有一个动态宽度的div。在这个div中，我希望一块内容居中，另一块内容向右浮动并保持内联

我知道这不是一个很好的描述。希望通过查看，您可以获得更好的想法

我希望文本与标志内联

有什么建议吗

---

我也意识到我的问题标题有点可怕——欢迎编辑的建议。

这就是你想要的：

请参见：

---

为什么不把一个BR放在旗子下面呢？我想让它飘到旗子旁边的右边。垂直对齐。不在它下面。如果你不想使用定位，你可以这样做：它使用了一个额外的div。谢谢joshuan，这是我通常会做的，但我发现我变得过度依赖嵌套div来处理任何CSS问题。我想我更喜欢一个凌乱的CSS文件，而不是带有额外div的凌乱的HTML。我很想听听人们觉得什么是更好的方法？就是这样，谢谢。通常，我会尽量远离绝对定位，但我看不出在这里使用它有什么问题。感谢您的关注，与tw16的回答相同。就在你之前进来的。很遗憾我不能记下两个答案，没关系。我们俩的想法几乎相同。

.wrapper {
    border: 1px solid #020202;
    width:100%;
    position: relative;
}

.numbers {
    position: absolute;
    right: 0;
    top: 4px;
}

.wrapper {
    border: 1px solid #020202;
    position: relative
}
.flag {
    display: block;
    margin: 0 auto;
    padding: 4px 0px;
    width: 35px;
}
.flag img {
    display: block
}
.numbers {
    visibility: visible;
    line-height: 23px;
    position: absolute;
    right: 0;
    top: 0
}