Formatting Gridview display in ASPX page - asp.net

Question

Scenario : I have an ASPX page with Gridview. Every row has one column heading and it's value. At the end of record there is a generic line.
My issue is with formatting and CSS.
I would like the output to be as below (I have tried to format but upon posting it is loosing)
| Customer Name | Microsoft |
| Customer City | Seattle |
| |
| Customer Name | DowJones |
| Customer City | NYC |
Above the customer name is centered to that cell. Similarly it's value also (Microsoft). Also CustomerName is colored with darkblack and "Microsoft" with just black.
The '-----' and "|" are actually table borders/seperators. It is typical table with borders and horizontal line and vertical line.
Please suggest. Below is my code.
<div style="width:400px; font-family:Arial; font-size:small">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
Width="100%" GridLines= "Horizontal">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<div style="color:Blue;font-weight:bold">
<br />
<tr>
<td><asp:Label ID="Label5" runat="server" Text='Customer NAME' cssclass ="blackboldhdr" ></asp:Label></td>
<td><asp:Label ID="Label1" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"DealerName") %>' cssclass ="blackboldtxt"></asp:Label></td>
</tr>
<tr>
<td><asp:Label ID="Label2" runat="server" Text='Customer City'></asp:Label></td>
<td><asp:Label ID="Label3" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"City") %>'></asp:Label></td>
</tr>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
<style>
.blackboldtxt {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:black;
font-weight: bold;
}
.blackboldhdr
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
/*color:#FFFFFF;*/
background-color: #2A3C54;
width: 152px;
text-align:center;
}
</style>

Answer 1

I don't think you can use <tr> and <td> elements inside the grid's itemTemplate. Since the grid will already render <tr>...</tr> for each row and <td> {Item template's content} </td>, the result would be invalid HTML code.
I think you should use a Repeater instead of the Grid, e.g. something like this:
<asp:Repeater>
<HeaderTemplate><table class="..."></HeaderTemplate>
<ItemTemplate>
<tr>
<td class="blackboldhdr">
<asp:Label runat="server" Text='Customer NAME' cssclass="blackboldhdr"/>
</td>
<td>
<asp:Label runat="server" cssclass ="blackboldtxt"
Text='<%#DataBinder.Eval(Container.DataItem,"DealerName") %>' />
</td>
</tr>
<tr>
... same as above, but for customer address
</tr>
</ItemTemplate>
<SeparatorTemplate><tr><td colspan="2"> </td></tr>
<FooterTemplate></table></FooterTemplate>
</asp:Repeater>