html - 相对于同级水平定位元素而不包装 div

Question

我正在为 org-mode 的 HTML exporter 生成的文档设置样式用脚注注释的段落直接出现在它们注释的内容旁边，即:

original page

不幸的是，orgmode HTML 导出器(ox-html)只做了一个笨拙的规定，用于在 div 中包装段落、 block 或“部分”以及我(大部分)坚持使用的默认 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> 的明显解决方案& <aside>在 div 和设置中显示 inline/table-cell或 position: absolute + 填充将不起作用(据我所知)。

我如何设置一个部分的样式使其与它的前一个同级内联(但不再进一步)或相对于它的同级绝对定位(水平)？

总结和说明

• aside将直接留在 previous sibling 段落 ( <p> )
• 所有段落和旁注(脚注)共享相同的父元素
• 不修改ox-html , 每个 <aside>会有 child <p>
• 我无法包装 <p>和 <aside>在<div>不会被所有 <p> 共享元素
• 我想避免 HTML_CONTAINER或手动将每个脚注和相关段落包装在另一个 #+BEGIN 中/#+END阻止

If you are familiar with org-mode or ox-html, here is the original format I would like to export from.

Item with footnote[fn:1]
#+BEGIN_aside
[fn:1] Footnote #1: Should be right of previous paragraph
#+END_aside
Unrelated content

Answer 1

您可以将 style="float:left" 放在任何您想要内联下一个元素的段落中，在 float 之后您必须放置一个空白的 div 或任何带有 的内容风格=“清除:两者”。您还可以为 float 元素提供宽度。

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

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

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