相对于兄弟位置水平定位元素而不包装div

Question

我正在构建一个由org-mode HTML exporter生成的文档，用脚注注释段落与它们注释的内容直接相邻，即：

original page

不幸的是，orgmode HTML导出器（ox-html）只是在div中包含段落，块或“部分”的笨重规定，所以我（大多数情况下）是默认的HTML结构坚持。

<p>
  Item with footnote #1<sup>1</sup>
</p>
<aside>
  <p>Footnote #1: Should be right of previous paragraph</p>
</aside>
<p>
  Unrelated Content
</p>

因此，明显的解决方案包裹了<p>＆amp; div中的<aside>设置显示inline / table-cell或position: absolute +填充不起作用（据我所知）。

如何设置一个部分与其上一个兄弟（但没有进一步）内联，或相对于它的兄弟绝对定位（水平）？

摘要＆amp;澄清备注

• aside将直接留在上一个兄弟段落（<p>）
• 所有段落和旁注（脚注）共享相同的父元素
• 如果不修改ox-html，则每个<aside>都会有一个孩子<p>
• 我无法将<p>和<aside>包裹在<div>所有<p>元素不会共享的HTML_CONTAINER中
• 我想避免#+BEGIN或手动将每个脚注及相关段落包装在另一个#+END / Item with footnote[fn:1] #+BEGIN_aside [fn:1] Footnote #1: Should be right of previous paragraph #+END_aside Unrelated content 块中

  

如果您熟悉org-mode或ox-html，这是我想要导出的原始格式。   

class B {
  friend class F;
  friend class E;
  int Taurus;
};

class E : public B {
  int Egg;
};

class F {
    void Foo () {
       B b;
       b.Taurus = 4;  //Works F is friend of B (of course)
       E e;
       e.Taurus = 6; // Works E is derived from B and F is friend of B 
                  // Taurus is private member of B.
       e.Egg = 5; // Does not work, F is friend of Base Class B but not
               // E, so can't access members of the derived class
    }
};

Answer 1

您可以将style="float:left"放到要为其放入下一个元素的任何段落中，在浮动之后，您必须放置一个空白div或任何带有style="clear:both"的内容。您还可以使用浮动元素提供宽度。

<p style='float:left;width:30%'>
    some text
</p>

<p style='float:left;width:70%'>
    some text
</p>

<div style="clear:both"></div>