प्रदर्शन: तालिका और पाठ के अनुरूप सही

Question

मैं इस तरह एक एचटीएमएल संरचना मिल गया है काम नहीं कर रहा:

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

और मैं चाहूँगा campainText सही-align किया जाना है। इस तत्व के लिए सीएसएस यह है:

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; 

मुझे पता है कि शेष सीएसएस काम कर रहा है। समस्या यह है कि यदि मैं प्रदर्शन-क्षेत्र में तालिका-विकल्प शामिल करता हूं तो टेक्स्ट बाएं-गठबंधन होता है। जैसे ही मैं इसे हटा देता हूं, यह अपेक्षा के अनुसार काम करता है। क्या इसके लिए कोई कामकाज है, या मुझे प्रदर्शन का उपयोग करना होगा: इनलाइन और <br /> टैग?

Answer 1

फिडल: http://jsfiddle.net/xbNCZ/

"तालिका + text-align:right काम नहीं करता है", क्योंकि एक मेज तत्व डिफ़ॉल्ट रूप से पूरी चौड़ाई के लिए खिंचाव नहीं है। वांछित परिणाम प्राप्त करने के लिए width:100% जोड़ें।

Before/After सेटिंग width:100%।