Wie pflege ich zwei verschiedene Ausrichtungen, eine für jedes Unterelement, in meinem ItemTemplate-Element? - asp.net, CSS

Ich habe eine ziemlich einfache ASP.NET-Website. Ich ziehe alle meine Daten für den Code aus einer Datenbank. Ich versuche herauszufinden, warum, wenn ich meine Textgröße ändern, es wirksam wird, aber wenn ich die text-align-Eigenschaft ändern, wird es nicht wirksam. Hier ist der Code:

<asp:DataList ID="DataList1" DataSourceID="AccessDataSource2"
runat="server" ItemStyle-CssClass="picTableStyle"
DataKeyField="ID">
<ItemStyle CssClass="picTableStyle"></ItemStyle>
<ItemTemplate>
<br /><br />
<table>
<tr>
<td colspan="2">

</td>
</tr>
<tr>
<td><asp:Image ID="Image1" runat="server" ImageUrl="<%# "PlaceImages/" +
Eval("Image") %>" /><br />
<asp:Label ID="Label1" class="picCaptionStyle" runat="server" Text="<%#
Eval("Caption") %>" /></td>

<td>
<asp:Label ID="Label2" class="picTitleStyle" runat="server" Text="<%#
Eval("PicTitle") %>" /><br />
<asp:Label ID="Label3" runat="server" Text="<%# Eval("TravelDate",
"{0:MMMMMMMMM dd, yyyy}") %>" /><br /><br />
<asp:Label ID="Label4" runat="server" Text="<%# Eval("PicText") %>" />
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>

Hier ist der relevante Abschnitt in meiner .css-Datei:

    .picCaptionStyle
{
font-family:Century;
text-align:center;
font-size:8pt;
}
.picTitleStyle
{
font-family:Agency FB;
text-align:left;
font-size:14pt;
color:Red;
vertical-align:top;
}
.picTableStyle
{
vertical-align:middle;
}

Es zentriert sich immer nur, wenn ich das ändere.picTableStyle-Regel auf text-align: center; und lass es bei den anderen Regeln aus. Aber es zentriert natürlich den ganzen Text in meinem ItemTemplate. Ich möchte die Beschriftung für das Bild auf dem Bild zentrieren, aber den Text beibehalten.

Antworten:

nehmen Sie die Etiketten in Spannweiten und geben Sie Spannweite. Vielleicht wird das helfen