Как поместить div над Leaflet, чтобы он не занимал всю ширину контейнера?

Question

[xfqzmkwy]

Демка здесь.

Есть карта Leaflet. Мне нужно поместить над ней div, но если я помещаю div и пишу туда небольшой текст, то div растягивается на 100% и по пустым бокам div'a нельзя двигать (драгать) карту, она перекрывается дивом.

Как мне поместить div, который расстягивается только на ту ширину, на которую ему нужно?

Comments

[Moskus]

Что, по-вашему, означает слово "рациональный"?

[xfqzmkwy]

Moskus, использующий свое пространство настолько, насколько ему нужно

[Moskus]

xfqzmkwy, это слово не имеет никакого отношения к тому определению, которое вы дали. Кроме вас так никто в отношении элемента разметки бы не сказал.

Answer 1

[Виталий Першин]

display: inline-block, чтобы не тянулся див, ну либо вообще в span обернуть вместо дива. либо как выше сказали pointer-events: none; , если не нужна реакция на элемент

Answer 2

[snap44]

pointer-events: none; и тогда вообще не важно какой ширины он будет.