प्रदर्शन इनलाइन के साथ एक Div तत्व के लिए एक निश्चित चौड़ाई कैसे सेट करें?

Question

मैं div तत्व नीचे है:

<div style="width: 40px; height: 40px; overflow: hidden; display: inline;"> 
       Hello my friend, How are you?</div> 

चौड़ाई हमेशा नजरअंदाज कर दिया है! मैं इसे 40px के रूप में कैसे प्राप्त कर सकता हूं?

धन्यवाद,

Answer 1

उपयोग display:inline-block;। display:inline वाले अधिकांश तत्वों पर आकार गुणों को अनदेखा किया जाता है।

<div style="width: 40px; height: 40px; overflow: hidden; display: inline-block;"> 
      Hello my friend, How are you?</div>