完美排列两段html / css

Question

如何完美地排列两个段落，这意味着它们在查看时都会占据完全相同的宽度。

js.fiddle here http://jsfiddle.net/Q4G9e/

<p>Contact me via Email:</p>
<p>Meet @ UTM Office:</p>

我希望结尾的分号垂直匹配。截至目前，第二段需要更多的水平空间。

Answer 1

您可以将p元素放在div中，然后将它们对齐到右边。我就是这样做的。并使用CSS为第二个p元素提供一些行间距。我添加了0.1px，这似乎可以解决问题。

#alignme{
    text-align: right;
    width:200px;
}
p.adjustSpacing{
    letter-spacing:0.1px;
}

我已经更新了你的小提琴（再次）：http://jsfiddle.net/Q4G9e/5/