asp.net - 在CSS中对齐Div

Question

我正在尝试对齐 div，但我使用 float 和 margins 所做的所有努力都没有带来我想要的结果。所以我认为这是正确的地方

基本上在 Foreach 中循环下面的代码:

<div class="comment_name">@Html.displayName</div>
<div class="comment_time">@Html.formattedDateTime(item.dTime.Value)</div>
<div class="comment_body">@item.displayComments</div> 

并试图像下面的文字一样显示:

Dispaly Name , 11 Feb 2013: User entered comment. 

要使它工作，CSS 应该是什么？

在 Span 回答后更新

跨度有效。但是如果评论的长度很长，我就会遇到问题。我越来越像下面

Dispaly Name , 11 Feb 2013:The example will show you how to implement a read-only grid. This article tries to answer the following question

但应该是

Dispaly Name , 11 Feb 2013:The example will show you how to implement a read-only grid.
                            this article tries to answer the following question

Answer 1

您可以在每个 div 上使用 float: left 并在第一个 div 上使用 clear: left;;

演示:http://jsfiddle.net/9mfR8/

div {
    border: 1px solid red;
    float: left;
}

.comment_name{    
   clear: left;
}

或者您可以对三个 div 使用 display: inline-block; 并将它们封装在一个容器 div 中(默认情况下是 display: block 并将强制"换行"),