как textalign в середине с css?

Question

Я хотел бы, чтобы выровнять My к atags в центре:

|  anchor1  |  anchor2  | 

это мой JQuery Сейчас:

<div id="main"> 
    <a id="fancybox-manual-c" href="javascript:void(0);">anchor1</a> 
    <a class="watchvideo_new" href="javascript:void(0);">anchor2</a> 
</div> 

<script src="~/Scripts/jquery-1.8.2.min.js"></script> 
<script> 
    $(function() { 
     $("#main").css({ 
      "border-color": "black", 
      "border-width": "1px", 
      "border-style": "solid" 
     }); 

     $("#main").width(340); 

     $("#fancybox-manual-c").width(185); 

     $(".watchvideo_new").width(185); 
     $(".watchvideo_new").css('background', 'white'); 
    } 
     ); 

</script> 

Answer 1

a{ 
    text-align: center; 
    display: inline-block; 
    min-width: 100px; 
} 

Что-то вроде выше должно работать.

По умолчанию display элемента a является inline, поэтому его необходимо изменить, чтобы можно было установить ширину.

Одна вещь о display:inline-block - вы также получите дополнительные 4px в целом, и это потому, что он подсчитывает пространство между элементами как фактическое пространство.

Answer 2

a{ 
    text-align: center; 
    float: left; 
    min-width: 100px; 
    }