我如何在文字旁边的空白处放置一些东西？

Question

我从一个最初打印的文档中提取了一些HTML。它有一些页码：

<span class="page">42</span>

散落在原来的文档有分页的段落中间(没有语义上的原因，但仅仅是因为页面的结尾正好落了下来)。

现在我只是把它们藏起来了。但是我想把页码浮动到文字的左边或右边。看起来可能是这样的：

    ...
    random text. It has roots in a piece of classical Latin
    literature from 45 BC, making it over 2000 years old.
    Richard McClintock, a Latin professor at Hampden-Sydney      42
    College in Virginia, looked up one of the more obscure
    ...

使用jQuery并不难，但我能用普通的旧CSS实现这一效果吗？看起来，CSS float属性总是将东西放在封闭块中，而不是放在边距中。

Answer 1

我想到了几种方法：

.page
{
    float: right;
    margin-left: 100px;
}

或者这样做会更好：

.page
{
    float: right;
    margin-right: -100px;
}

或者，如果在实际段落周围有一个<p />标记，

p
{
    position: relative;
}
.page
{
    position: absolute;
    right: -100px;
    top: 0;
}

考虑到您拥有的文档，很难确定哪种方法最有效，但这些都是让您开始工作的几个想法。