Leaflet Controlls Horizontally

Question

I´ve an problem with placing leaflet controls in my map. I would like to place controls horizontally but I don´t know if is it in Leaflet possible? Is there any solution to do this?

Answer 1

The leaflet-control css class looks like that:

.leaflet-control {
    float: left;
    clear: both;
    }

The clear: both is what makes the controls go below each other. To prevent that for a certain control, just set clear:none on the CSS class for that control, assuming that the control has a specific CSS class you can reach.