使用CSS：之前，Justified Text Look

Question

我尝试使用CSS：before属性在常规段落前面附加一个单词。我希望段落的其余部分左对齐，以便在附加单词下面留有余量。

为了达到这个效果，我需要将之前的高度设置为任意高度。但是，如果我不知道实际段落中会有多少文字，我不知道在宣言中我需要多少高度。

.prereq:before {
    content:"Prerequisite: ";
    font-weight:700;
    display:block;
    float:left;
    padding-right:30px;
    height:70px;
}

附加的jFiddle可能有助于更好地解释我想要做的事情。 http://jsfiddle.net/fgpj8w74/7/

感谢您的帮助。

Answer 1

选中此Updated Fiddle

您可以使用table-cell，因此您不会关注float或height，因为它们会自动相互适应。

只需将.prereq元素设为display: table，将伪字符设为display: table-cell：

.prereq {
    display: table;
}

.prereq:before {
    content:"Prerequisite: ";
    font-weight:700;
    display:table-cell;
    padding-right:30px;
}