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

Question

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

(以-----为空格)

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

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

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

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

我可以蛮力定位它,但我敢肯定必须有一个更简单的方法..任何建议？对不起初学者的问题.

Answer 1

使用两个分区标签并设置其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财产,两者divs将横向对齐,margin-left财产将给两个部门之间的差额.

您可以选择将CSS放在单独的文件中,然后使用id或class引用它.