css - 如何使用 CSS 创建两列彼此相邻的文本？

Question

我正在尝试确定使用 CSS 格式化两列文本的最佳方式:

(取-----为空格)

dfasfasdfsa ------------ fdafsadfasdfasdf

fdsafadsfaf ------------ fadsdsafasfsaf

fdfgfgdsdffd ---------- fgdhfjshkjahjkh

fdljkgjklkj -------------- jfkldjskafljaf

我可以用蛮力定位它，但我相信一定有更简单的方法……有什么建议吗？很抱歉初学者的问题。

Answer 1

使用两个 division 标签并设置它们的 float 属性

<div style='float:left; width:30%'>
    Put your content here...
</div>

<div style='float:left; width:40%; margin-left:30px'>
    Put another content here...
</div>

使用float 属性，两个div 将横向对齐，margin-left 属性将在两个部分之间留出边距.

您可以选择将 CSS 放在一个单独的文件中，然后使用 id 或 class 来引用它。