2015-07-17 7 views
0

Я знаю, что мне не хватает простого исправления строки.<td> центр текста, но текст левый выравнивание

Я пробовал <td align ="center"> в то время как <p style="text-align:left;"> и наоборот. Я также играл с простым align="left" для <p>.

Как сделать весь текст по центру в <? td>, но ссылки выравниваются влево по центру?

enter image description here

Пока текст выравнивание по левому краю, но не по центру внутри <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> 

UPDATE:

Я, кажется, объяснить, что я хочу не так. Я хочу, чтобы это выглядело как этот

enter image description here

+0

«Как сделать весь текст по центру в , но ссылки выровнены по центру?» Вы можете перефразировать это, я не знаю, что вы имеете в виду. Что вы имеете в виду влево, выровненном в центре, или тот или другой. –

+0

Какую часть вы пытаетесь сосредоточить? потому что это выглядит хорошо для меня? –

+0

Ссылки на изображение, которое я хочу выровнять по центру td, в то время как сам текст выравнивается влево. Не знаю, как еще перефразировать, поэтому я приношу свои извинения. – narue1992

ответ

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

Я думаю, что это то, что вам нужно. Прежде всего, когда вы используете выравнивание или выравнивание текста, он автоматически будет использоваться для всех дочерних элементов. Если вы хотите выровнять элементы, выровняйте только те, которые ему нужны. Второе - центрирование. Вы можете центрировать блок, используя margin: 0 auto (также вам нужно определить ширину, иначе она не будет работать).

P.S: Я настоятельно рекомендую вам не использовать td за пределами table и не использовать align атрибут. Прочтите это, чтобы написать уборщик html: http://learn.shayhowe.com/html-css/

+0

Что вы сделали исправлена ​​проблема с моей ссылкой! Если я не предполагаю, что вы используете атрибут align, то я посмотрю на предоставленную вами ссылку. Оцените пример! – narue1992