如何将文本放在浮动中心？

Question

我有一个div应该是浮动的（它是）但是我希望div内的一些文本相对于浮动权限居中，我该怎么做？

我试着把它集中在这里：

<div class="input-group">
            <span class="input-group-addon center">Verified:</span>                  
</div>

但它不起作用。

以下是这种情况的小提琴：

http://jsfiddle.net/rLtb7dc7/1/

Answer 1

请尝试以下操作： Demo

使用/ display: block添加margin，内容将与中心对齐

<强> CSS：

.center {
    text-align: center;
    margin:0 auto;
    display:block;
}

Answer 2

试试这个css：

.floatRight {
    float: right;
}

.formTitle {
    font-weight: bold;
}

.input-group{
    text-align:center;
}

您不再需要中心课程，而且您将避免重复规则。

Answer 3

试试这个

.floatRight {
    float: right;
    text-align: right;
    width: 100%;
}
span{text-align: center;}

Answer 4

通过将display设置为block，只需使用浮动元素内的所有可用空间。并设置text-align：center;

   .input-group {
        display: block;
        text-align: center;
    }