html - 沿字符居中文本

Question

在这种情况下，如何将文本沿字符居中 ':'：

      fubi : lalala
Blockquote : pepppepp
       asd : qwerty

我唯一的想法是每行创建3个不同的元素，具有不同的类别“左/中/右”，中心具有绝对位置，并且左右元素分别左右对齐。

Answer 1

这可以通过一些额外的标记和样式来完成。

<label>fubi :</label><span>lalala</span><br />
<label>Blockquote :</label><span>pepppepp</span><br />
<label>asd :</label><span>qwerty</span><br />

CSS：

label {
    display: block;
    float: left;
    width: 100px;
    text-align: right;
}
span {
    margin-left: 5px;
}
br {
    clear: both;
}

请参阅此 JSFiddle以获取演示。