沿着角色居中文本

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;
}

请参阅this JSFiddle了解演示。