title: Change position of leaflet label
body: <p>I'd like to add labels to my leaflet-markers, and then position them above and horizontally centered for the marker icon. </p>
  
  <p>With the labelAnchor option in the Leaflet.label plugin I can manually adjust every label so that I get what I want, and for now I've added a fixed width to my labels so that I know the text will be centered. But there must be a better way to achieve this?</p>
  
  <p><a href="http://jsfiddle.net/NYGvibeke/frUf4/3/" rel="nofollow">http://jsfiddle.net/NYGvibeke/frUf4/3/</a></p>
  
  <pre><code>&lt;style type="text/css"&gt;
  
    .labeltext { width: 120px; text-align: center; border:none; }
  
  &lt;/style&gt;
  
  &lt;script type="text/javascript"&gt;
  
      var myIcon = L.icon({
          iconUrl: 'http://icons.iconarchive.com/icons/visualpharm/icons8-metro-       style/512/Maps-and-Geolocation-Marker-icon.png',
          iconSize:     [18, 30], 
          iconAnchor:   [10, 30], 
          labelAnchor: [-80, -40]
      });
  
      var layer = new L.StamenTileLayer("toner-lite", {maxZoom: 10});
      var map = new L.Map("map", {
          center: new L.LatLng(30, 100),
          zoom: 4,
          maxZoom: 12,
          minZoom: 2
      });
  
      map.addLayer(layer);
  
      var marker1 = L.marker([25, 100], {icon: myIcon}).bindLabel('This is a label text', { noHide: true, className: 'labeltext'}).addTo(map);
  
  &lt;/script&gt;
  </code></pre>