एक तालिका की तरह डीएल प्रदर्शित करें

प्रत्येक परिभाषा को एक पंक्ति में परिभाषित करने के लिए परिभाषा सूची आइटम कैसे शैलीबद्ध करें?एक तालिका की तरह डीएल प्रदर्शित करें

HTML:

<dl> 
    <dt>word</dt><dd>meaning</dd> 
    <dt>word</dt><dd>meaning</dd> 
    <dt>word</dt><dd>meaning</dd> 
</dl>

दृश्य प्रतिपादन मैं की जरूरत है:

*word* meaning 
*word* meaning 
*word* meaning

स्रोत

2010-07-19 takeshin

देखें http://stackoverflow.com/questions/1713048/how-to-style-dt-and-dd-so-they-are-on-the-same-line/24520786#24520786 – Justin

उत्तर दिया 'डुप्लिकेट' प्रश्न में -

से की तुलना http://stackoverflow.com/a/32727905/4258817 – Mousey

उत्तर

इस प्रयास करें।

dt { 
    clear:left; 
    float:left; 
    font-size:12px; 
    line-height:26px; 
    width:70px; 
} 

dd { 
    clear:right; 
    font-size:12px; 
    line-height:18px; 
    padding:4px 0 4px 40px; 
}

स्रोत

2010-07-19 20:04:00 gearsdigital

धन्यवाद, यह मेरे फ़ायरफ़ॉक्स में काम करता है (अन्य परीक्षण नहीं किया गया है)। – takeshin

दुर्भाग्यवश यह तालिका जैसी सामग्री के साथ स्केल नहीं करेगा – jpeltoniemi

संबंधित मुद्दे