css - 2 列の HTML、列を移動するにはどうすればよいですか?

Question

次のように、左右にフロートする 2 つの列があります。

<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;">

それが役に立てば幸い！