Как установить фиксированную ширину для элемента Div с дисплеем Inline?

У меня есть следующий элемент div:

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

Ширина всегда игнорируется! как я могу получить его как 40px?

Спасибо,

Ответ 1

Используйте display:inline-block;. Свойства размера игнорируются в большинстве элементов с помощью display:inline.

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