How to locate leaflet zoom control in a desired position

Question

I want to place the zoom control in middle right of the the map i.e. in the middle of the right most side of the map. I have found solution to put the zoom control in differ

Answer 1

This can be done a tad easier, with one line of CSS. Works with responsive design (Bootstrap) and moves additional buttons added with Leaflet.EasyButton too.

.leaflet-control-container { position: absolute; right: 56px }