CSS文本对齐

我正在聊天，我有一个CSS的问题。 我宁愿在照片上展示它

这就是它的样子：

我希望它是这样的：

---

我该怎么做？谢谢。

例如，使用以下css：

p {
    text-indent: -50px; //put your first line 50px to the left
    margin-left: 50px; //put the rest 50px to the right
}

---

我猜是加价，但是像这样的东西呢

html:

---

我们必须在这里看到一些代码。。。最好是a我没有确切的代码。测试代码就在那里：谢谢，但我想设置一个精确的大小不是解决方案，因为下一行文本应该从昵称结束的地方开始。另外，文本在一个文本中sdfsdf sdff

很抱歉，我没有更好地解释它。这正是我想要的。非常感谢你。

<p>
    <span class="time">20:20:20</span>
    <span class="author">quwquu</span>
    <span class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</span>
</p>
<p>
    <span class="time">20:20:22</span>
    <span class="author">dfghdg</span>
    <span class="text">when an unknown printer took a galley of type and scrambled it to make a type specimen book.</span>
</p>​

p { overflow: hidden; vertical-align: top; }
p span { display: table-cell; }
p .time { width: 62px; }
p .author { width: auto; padding-right: 9px; }
p .text { width: auto; }​