Màn hình: bảng và text-align quyền không làm việc

Question

Tôi đã có một html cấu trúc như thế này:

<div class="campain"> 
    <div class="campainText"> 
     <a href="#"><h2>Ny app til iPhone og iPad</h2></a> 
     <a href="#"><h2>Tips og vinn</h2></a> 
    </div> 
    <div class="campainPicture"> 
     Picture goes here 
    </div><div class="clear"></div> 
</div> 

Và tôi muốn các campainText là đúng-align. Phần css cho phần tử này là:

font-family: 'Spinnaker', sans-serif; 
font-size: 17px; 
color: #FFFFFF; 
background-color: #A2AD00; 
display: table; 
padding: 4px; 
margin: 4px 4px 4px 4px; 
text-decoration: none; 

Tôi biết rằng phần còn lại của css đang hoạt động. Vấn đề là văn bản được căn trái nếu tôi bao gồm tùy chọn bảng trong trường hiển thị. Ngay sau khi tôi loại bỏ điều này, nó hoạt động như mong đợi. Có cách giải quyết nào cho vấn đề này không hoặc tôi có phải sử dụng thẻ display: inline và <br /> không?

Answer 1

Fiddle: http://jsfiddle.net/xbNCZ/

"Bảng + text-align:right không hoạt động", bởi vì một yếu tố bảng không kéo dài đến toàn bộ chiều rộng theo mặc định. Thêm width:100% để nhận kết quả mong muốn.

Before/After cài đặt width:100%.