Question

我想将数字和单词成员对齐。

我做错了什么？

的 Link here 的

Answer 1

将float:left添加到ID stat-left

检查此更新的DEMO

Answer 2

#stat-left给予

display:inline-block

就像这样

#stat-left {
    display:inline-block;
    vertical-align:top;
}

<强> Demo

Answer 3

将style="float:left"添加到带有数字的div中：）

它允许下一个Div从左侧浮动对象：）

<div id="connections">
                <div id="stat">
                    <div style="float:left"id="stat-left">
                    <p span class="number"> 2,476 </p>
                    </div>
                    <div id="stat-right">
                    <p> Followers </p>
                    </div>
                </div>
            </div>

Answer 4

您可以很容易地压缩代码。而不是使用段落标记，为什么不使用跨度？段落标记是自动块级元素，但默认情况下跨度是内联的。

jsfiddle

Answer 5

我尝试使用一个div为您制作代码并最小化代码

<强> HTML

<div id="connections">
<p class="number"> 2,476 </p>
<p class="stat-right">Followers </p>
</div>

<强> CSS

#connections {
    margin: 0px;
    width: 150px;
    font-family: calibri;
    font-size: 22;
    color: #444;
    border:1px solid red;
    overflow:hidden;
}
.number {
    margin: 0px;
    padding: 0px;
    float:left;
}
.stat-right {
    float:right;
    margin-top:7px;
}

查看演示： - http://jsfiddle.net/EC63P/35/

在元素上使用Float

5 个答案: