html - 并排显示 HTML 中的两个段落

Question

考虑以下问题:您将一份文本翻译成两种语言，

First line // Unua linio
Second line // Dua linio

并且需要使用所有可用空间并排显示它们，使搜索引擎可以将它们作为单独的段落访问并允许单独选择。这样一来，如果有人搜索“Unua linio dua linio”，他们会准确地看到该段落，而没有第一个爬进来的文本。

我考虑过使用表格，但不确定它会如何影响搜索引擎索引，将段落中的行拆分为行也不是很“正确”。考虑将一段放在左侧，另一段放在右侧，然后垂直移动它们，这样就可以了:

First line
         Unua linio
Second line
          Dua linio

但无法为此设计合适的 HTML 标记。

编辑:另一个(理想的)例子是

Really really long line in a paragraph that 
spans two lines
                 Translation of this really
                                  long line
Second line
                     Translated second line

Answer 1

您可以使用 float:left和 float: right在 Css 中是这样的:

<div style="border:solid; float:left"> This is some text </div>
<div style="border:solid; float:right"> This is some text </div>
<div style="clear:both;"></div>

最后一行 ( <div style="clear:both;"></div> ) 用于设置 <div> 的定位就像默认情况下它在 HTML 页面中一样。

之后，您可以随心所欲地调整 div 的宽度和文本的对齐方式。