html - 如何对齐部分 div 内容？

Question

我有一个小信息 div，我想对齐信息内容的右侧，即 065 31 323 323、qadenza@gmail.com 和 qadenza323 应该左对齐。我尝试了不同数量的空格和不间断空格 - 但没有成功。

<div id="divInfo">
<div>Mobile - 065 31 323 323</div>
<div>Gmail - qadenza@gmail.com</div>
<div>Skype - qadenza323</div>
</div>

#divInfo{
    display:inline-block;
    margin-left:29vw;
    border:thin solid red;
}
#divInfo div{
    padding:2px 5px;
    border-radius:7px;
    cursor:pointer;
}
#divInfo div:hover{
    background:#e1e1e1;
}

fiddle 是here

Answer 1

如果其余内容也需要左对齐，请使用表格。您也可以使用 tr:hover 来更改背景。 http://jsfiddle.net/VLjRK/5/

---

要将信息右对齐，名称左对齐，您必须添加一个内联 HTML 元素，例如 span 和 float正确的。我在这里更新了你的 jsFiddle - http://jsfiddle.net/VLjRK/3/