CSS 层叠样式表右边距

在html中使用样式表如何设置右边距？

解释

属性

: 右边边距
用法:
margin-right: 10px;
margin-right: 10pt;
margin-right: 10%;
margin-right: auto;
定义:

我们经常要对目标设置边距。现在是对目标设置右边距。
属性可以取以下的值。
a)pt:可以以点为单位设置属性值(例如:10pt或者100pt)。
b)px:可以以像素为单位蛇字号属性值(例如:10px或者100px)。
c)%:可以以百分数为单位设置属性值(例如:10%或者100%).
d)auto:这是用来设置自动/默认底边距的。

示例1:

<div align=right style="margin-right: 20px;">测试右边边距 </div>
结果:

测试右边边距

注意:可以看到该文本距右边 30 points并且向右对齐。
示例2:

<div align=right style="margin-right: 30pt;">测试右边边距 </div>
结果:

测试右边边距

注意:可以看到该文本距右边 30 points并且向右对齐。
示例3:

<div align=right style="margin-right: 20%;">测试右边边距 </div>
结果:

测试右边边距

注意: 可以看到该文本距右边20％并且向右对齐。
示例4:

<div align=right style="margin-right: auto;">测试右边边距 </div>
结果:

测试右边边距