Настройте кнопку увеличения / уменьшения в leaflet.js

Я пытаюсь настроить управление масштабированием (+/-), поэтому оно должно отображаться с правой стороны, как карты Google (https://www.google.com/maps/)

Я пытался добавитьfloat:right; но это не сработало.

Из файла CSS:

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
  }
.leaflet-control-zoom-out {
  font-size: 20px;
  }

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px;
  }
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px;
  }

http://jsfiddle.net/hsy7v/1/

Ответы на вопрос(2)

Ваш ответ на вопрос