将一些内容集中在div中,将内容浮动在同一行上 - 保持垂直对齐

时间:2011-08-12 14:35:04

标签: html css

我有一个动态宽度的div。在那个div中,我希望将一个内容块置于中心,将另一个内容块浮动到右侧并保持内联。

我知道,这不是一个很好的描述。希望您可以通过查看here

来获得更好的主意

我希望文字与旗帜一致。

有什么建议吗?

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

2 个答案:

答案 0 :(得分:2)

这是你要找的东西:http://jsfiddle.net/tw16/sGC7d/

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

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

答案 1 :(得分: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
}