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

您可以像这样在CSS中使用float:left和float: right：

<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的宽度和文本的对齐方式。

并排显示HTML中的两个段落

1 个答案: