centering some content in a div, floating content on same line - keeping vertical alignment

I have a div with a dynamic width. In that div I'd like one 开发者_JAVA百科block of content to be centered and another block of content to be floated to the right and to stay inline.

Not a great description, I know. Hopefully, you can get a better idea by looking here

I'd like the text to be inline with the flag.

Any suggestions?

Also I've realised my questions title is a bit horrible - suggestions for an edit welcome.

Is this what you are looking for: http://jsfiddle.net/tw16/sGC7d/ ?

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

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

See: 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
}