Html CSS缩进不工作

有人能告诉我如何在CSS中缩进文本（单击此处），如下所示：

所以它缩进了，如图所示

HTML:

以下是我的工作进展：

---

编辑：是的，我可以使用文本缩进，但另一个右文本（测试二>单击此处）也将缩进，这是我不打算做的。

CSS中有语法错误：应该是边距：2px而不是margin；2px

您可以将css边距应用于只包含您想要缩进的行的div（比.atext div的边距大）

使用

文本缩进

属性只需更正语法即可：（margin:2px；）Rgds，我尝试过使用

文本缩进

，但整个（单击此处）在右边，我试了一下：HTML:

测试一01点击这里测试二点击这里'CSS:

div.indent{text indent:30px；}`实际上它工作了-但在我看来有点混乱-我想知道是否有更好的方法来做？将div.indent{text indent:20px；}更改为div.indent{margin left:20px}谢谢..我认为这两种方法都很有效-只是想是否有更好的方法来做-但是感谢您的输入！其他的选择是使用一个表来按您想要的方式分隔所有内容，或者如果您在移动其他元素时遇到问题，则对每个div应用一个宽度或最大宽度

<div class="aText">
    <div>Test One 01</div>
    <div>CLICK HERE</div>
</div>
<div class="aText">
    <div>Test Two</div>
    <div>CLICK HERE</div>
</div>

div.aText {
font-size: 10px;
color:#FFFFFF;
text-indent:15px;
}