Html 类def中的对齐对齐对齐不工作

对于一个非常简单的问题，我有一个非常明显的解决办法，但我似乎看不到。我正在尝试在我的内联css中定义一个

类

，该类通常用于

…

标记，以将文本缩进18，以及

文本对齐：对齐

：

.padl18{padding-left:18; text-align:justify;}

缩进效果很好，但是

span

标记中包含的结果文本向左对齐，而不是对齐

我的另一个

类
定义：

.pvi{margin-left:1em; margin-right:1em; text-align:justify;}

align是合理的，所以如果有人能帮助muchos gracias，我不确定问题可能是什么。
我想我已经找到了问题所在<代码>文本对齐：对齐
需要具有固定宽度的块级元素。如果将类
padl18
应用于
元素，则该类将不起作用

因此，要解决此问题，您需要使CSS如下所示：

.padl118 {
    padding-left: 18px; /* must include a unit such as px */
    text-align: justify;
    display: block; /* a <span> is inline by default */
    width: 200px; /* set any width, such as 200px, 3em, 100% etc */
}

.padl118{
左填充：18px；/*必须包括一个单元，如px*/
文本对齐：对齐；
显示：块；/*默认情况下是内联的*/
宽度：200px；/*设置任意宽度，如200px、3em、100%等*/
}

此JSFIDLE显示了实际情况：


希望能有帮助。
18什么
px
，
em
，
%
。。？“值错误：左边填充0可以是一个长度。您必须在数字后面加一个单位：18”我认为
px
默认值对吗？尽管如此，我提到的缩进部分工作正常，因此没有任何问题（我确实在def中添加了
px
，只是为了确保不添加不会对def产生不利影响，也不会对def产生影响，所以继续）。问题是试图为
span
标记中包含的文本定义文本对齐方式。实际上，如果我删除
左填充：18
，只保留
文本缩进：对齐
，则跨距文本仍然不对齐。可能justify仅适用于
标记中包含的文本
标记？就是这样。工作得很有魅力。我还意识到它实际上是
文本缩进
，而不是我想要的
左填充
。
文本对齐
属性仅适用于块容器，因此
显示：块
就是答案。设置一个固定的宽度是不相关的，因为总有一些
width
值。除非将“结果”窗口设置得非常窄，否则JSFIDLE不会演示任何内容——文本非常短，通常可以放在一行上。