Come impostare una larghezza fissa per un elemento Div con Display Inline?

Question

Ho il seguito div elemento:

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

la larghezza è sempre ignorato! come potrei averlo come 40px?

Grazie,

Answer 1

Utilizzare display:inline-block;. Le proprietà delle dimensioni vengono ignorate nella maggior parte degli elementi con display:inline.

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