THE CSS:

    <style type="text/css">
.people .name-card {
-moz-border-radius:7px 7px 7px 7px;
border:1px solid silver;
float:left;
margin:10px;
min-height:100px;
padding:5px;
width:203px;
height:240px;
}

.container-a-to-z{
-moz-border-radius:7px 7px 7px 7px;
border:1px solid silver;
background-color:Transparent;
float:none ;

}

.card-info {
margin-left :30px;
width:200px;
}

</style>


ListView custom container:


<asp:ListView ID="lvStudent" runat="server">
        <LayoutTemplate>

           <div id="itemPlaceholder" runat="server" />

        </LayoutTemplate>

        <ItemTemplate>
                <div class="people">
<div class="name-card">

<div class="card-info">

    <img alt="" src="<%#Eval(columnName.PhotoURL)%>" width="120px" height="153px" />

</div>
<div class="card-info"> <%#Eval(columnName.Name)%>
</div>

<div class="card-info"> <%#Eval(columnName.AssignedId)%>
</div>

</div>
</div>

        </ItemTemplate>


    </asp:ListView>