Html 左对齐第一个div，右对齐后续div

我希望在同一水平线上显示三段文字，如下所示：

|                                                            |
| Chapter one                              Language: English |               
|                                                            |

我使用

|

表示窗口的最左侧或最右侧。这就是我现在拥有的：

<div>
<div>Chapter one</div>
<div>Language:</div>
<div>English</div>
</div>

第一章
语言：
英语

---

文本

English

最终将被一个组合框替换。我应该如何设计我的沙发

实现这一点的最简单方法是使用表

<table>
   <tr>
        <td style="align:left;">Chapter One</td>
        <td style="align:right;">Language: English</td>
    </tr>
</table>

第一章
语言：英语

#容器{
显示器：flex；
}
#容器>div：第一个子容器{
右边距：自动；
}

第一章
语言：
英语

在嵌套的

div

中使用

float

可能是解决方案

<div>Chapter one</div>
<div>
    <div style="float:left;">Language:</div>
    <div style="float:right;">English</div>
</div>
</div>

第一章
语言：
英语

float

属性用于指定元素是否可以浮动。 不要忘记使用

clear

来清除浮动元素下面的元素。

“文本英语最终将被组合框所取代”——这并不能证明将其作为与其他两个相同级别的额外DIV是合理的。您应该有两个div，一个向左对齐，一个向右对齐。在第二个元素中，有一个子元素被组合框替换。