<td>文本中心，但文本左對齊

Question

我知道我缺少一個簡單的行修復程序。

我試過<td align ="center">而<p style="text-align:left;"> ，反之亦然。 我也為<p>使用了簡單的align="left" 。

如何使所有文本都居於< td>中心，但鏈接卻保持居中對齊？

到目前為止，文本保持左對齊，但未在<td>內居中

我還嘗試添加一個居中的div，如您在代碼中所見。 沒工作

        <td align="center" width="50%" style = "margin-left:50%">
        <p align="center"><font size="5"><b>Classified Ads</b></font></p>
        <br />

        <div align="center">

        <strong><!--edited 6/10/2015-->
                              <p style="text-align:left;">
                              <a href=".aspx">Search Classified Ads</a></p>                                  
                              <p style="text-align:left;">
                                 <a href=".aspx">Add or Delete Classified Ad</a></p>
                              <p style="text-align:left;">
                                 <a href=".aspx">Update Existing Classified Ad</a></p>
                              <p style="text-align:left;">
                                 <a href=".aspx">All Classified Ads</a></p>

                              <p style="text-align:left;">
                                 <a href=".aspx">About this Application</a></p>
         </strong>

        </div>
                              <p>
                                &nbsp;
                              </p>
                              <p>

                              </p>
                              <p align="center">
                              <strong>

                                    <font size="+1">Note: Classified Ads will expire after 30 days.</font>
                                    <br />
                                    Today&#39;s date is&nbsp;
                                  <asp:Label ID="DateLabel" runat="server"></asp:Label>
                              </strong>

                              </p>

    </td>

更新：

我似乎在解釋我要錯的地方。 我希望它看起來像這樣

Answer 1

<div>
        <p style="text-align:center"><font size="5"><b>Classified Ads</b></font></p>
        <br />

        <div style="width:300px; margin: 0 auto;">

            <strong><!--edited 6/10/2015-->
                <p>
                    <a href=".aspx">Search Classified Ads</a></p>                                  
                <p>
                    <a href=".aspx">Add or Delete Classified Ad</a></p>
                <p>
                    <a href=".aspx">Update Existing Classified Ad</a></p>
                <p>
                    <a href=".aspx">All Classified Ads</a></p>

                <p>
                   <a href=".aspx">About this Application</a></p>
            </strong>

        </div>
        <p>
        &nbsp;
        </p>
            <p style="text-align:center">
                  <strong>

                    <font size="+1">Note: Classified Ads will expire after 30 days.</font>
                    <br />
                    Today&#39;s date is&nbsp;
                </strong>

            </p>


        </div>

我認為這就是您所需要的。 首先，當您使用align或text-align時，它將自動用於所有子元素。 如果要對齊元素，則僅將需要對齊的元素對齊。 第二件事是居中。 您可以使用margin: 0 auto （也需要定義寬度，否則它將不起作用）對中一個塊。

PS ：我強烈建議您不要在table外使用td ，也不要使用align屬性。 閱讀此內容以編寫更簡潔的html： http ： //learn.shayhowe.com/html-css/