css - 两列 html，如何移动列？

Question

我有两列，左右浮动，如下所示：

<div style="float: left;">
text1
</div>
<div style="float: right;">
text 2
</div>

但是我怎样才能将右列向左移动一点？用“填充”？如何？

或者如果我使用它，我怎样才能将右侧的列向右移动一点？

<div style="float: left;">
text1
</div>
<div style="float: left;">
text 2
</div>

Answer 1

您可以更改 css 样式来尝试以下操作

<div style="float: left; position: relative; left: 30px">

这会将定位更改为相对，然后您根据其原始位置移动框。

Answer 2

你可以试试这个：

<div style="float:left; padding-right:-30px;">

或者

<div style="float:left; padding-right:30px;">

希望能帮助到你！