asp.net - ItemTemplate 要素で、サブ要素ごとに 1 つずつ、2 つの異なる配置を維持するにはどうすればよいですか?

Question

私はかなり単純な ASP.NET Web サイトを持っています。コードのすべてのデータをデータベースから取得しています。テキスト サイズを変更すると有効になるのに、text-align プロパティを変更すると有効にならない理由を理解しようとしています。コードは次のとおりです。

<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>

私の .css ファイルの関連セクションは次のとおりです。

    .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;
    }

.picTableStyle ルールを text-align:center; に変更した場合にのみ中央に配置されます。他のルールでは省略します。もちろん、ItemTemplate のすべてのテキストを中央揃えにします。写真のキャプションを写真の中央に配置したいのですが、テキストはそのままにしておきます。