¿Cómo establecer un ancho fijo para un elemento Div con visualización en línea?

Question

Tengo el siguiente elemento div:

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

El ancho siempre se pasa por alto! ¿cómo podría tenerlo como 40px?

Gracias,

Answer 1

Use display:inline-block;. Las propiedades de tamaño se ignoran en la mayoría de los elementos con display:inline.

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