居中某些内容在一个div，浮动内容在同一行 - 保持垂直对齐

Question

我有一个动态宽度的div。在该div中，我希望将一个内容块集中并将另一个内容块浮动到右侧并保持内联。

不是一个很好的描述，我知道。希望你可以通过看here

得到一个更好的主意我希望文本内联的国旗。

有什么建议吗？

另外我已经意识到我的问题标题有点可怕 - 建议编辑欢迎。

Answer 1

这是你正在寻找的：http://jsfiddle.net/tw16/sGC7d/？

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

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

Answer 2

参见：http://jsfiddle.net/thirtydot/zTNL8/2/

.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 
}