0

我希望数字和单词成员对齐。

我究竟做错了什么？

链接在这里

4

5 回答 5

2

添加float:left到身份证stat-left

检查这个更新的演示

于 2012-09-03T08:58:33.000 回答
0

你可以很容易地压缩你的代码。与其使用段落标签，不如使用跨度？段落标签自动成为块级元素，但默认情况下跨度是内联的。

jsfiddle。

于 2012-09-03T09:04:18.773 回答
0

我试图只用一个 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/

于 2012-09-03T09:28:53.593 回答
0

#stat-left给`

display:inline-block

像这样

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

演示

于 2012-09-03T08:57:48.820 回答
0

添加style="float:left"到带有数字的 div :)

它将允许下一个 Divs 从左侧浮动对象:)

<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>
于 2012-09-03T09:00:57.687 回答