将文本与值对齐

Question

文字可以在text-align: center;

的div中居中

但是，如果我想让它从左边50px怎么办？是否有替代方法可以将填充设置为父{$ 1}}？

Answer 1

如果它是单行文字，text-indent就在这里！

div.left-aligned {
    width: 300px;
    text-indent: 50px;
}

对于多行文字，padding-left是你的男人。我建议您将其与box-sizing: border-box一起使用，以避免容器的额外尺寸：

div.left-aligned {
    width: 300px;
    padding-left: 50px;
    box-sizing: border-box; /* make the box 300px large, not 350px */
}

Answer 2

为了与众不同，您可以随时使用border-left:50px solid #FFF;（如果您的背景是白色的）

回应评论 - 让它变得透明，为什么不：

border-left:50px solid transparent;

有人，请告诉IE6这意味着什么。