Как центрировать элемент в родительском div с плавающим элементом вправо

Question

В прикрепленном изображении я пытаюсь центрировать «harry», но кажется, что выполнение margin: 0 auto; не игнорирует элемент «удалить» справа. Кто-нибудь знает, как я могу сосредоточиться на «harry», все еще имея кнопку «удалить» справа?

Вот мой существующий HTML

<table class="week_table" summary="Users for week"> 
    <thead > 
    <tr align="center" class="TableHeader"> 
    <th align="center" class="week_table_heading"> 
     <%= event.date.day.to_s + " " + event.date.strftime("%B") %> 
    </th> 
    </tr> 
    </thead> 
<!-- <tr> 
    <td> 
     <%= event.remaining_spaces? %> 
    </td> 
</tr>--> 

<% event.users.each do |user| %> 
    <tr > 
     <td class="week_table_row"> 
     <% if user == current_user %> 
     <a class="RemoveButton"href=<%="welcome/remove_from_month?event_id="+event.id.to_s%>>remove </a> 
     <%end%> 
     <span class="UserName"> 
     <%= user.first_name %> 
     </span> 
    </td> 
    </tr> 
<% end %> 
    <tr align="center"> 
    <td align="center"> 
<% if !event.users.include?(current_user) %> 
     <a href=<%="welcome/sign_up_month?event_id="+event.id.to_s%>>Sign Up</a> 

<% end %> 
    </td> 
    </tr> 
</table> 

Answer 1

Г-н Lister прав ...

Вы должны:

.remove {position: absolute; right:0;} 
.container-harry {position:relative} 

и гарри будет центрирован.