title: OpenLayers 3 - Add scale line out of map
body: <p>How to add a scaleline out of map area?<br>
  My HTML:</p>
  
  <pre><code>&lt;div id="map"&gt;&lt;/div&gt;
  &lt;div id="scaleline"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and javascript code for adding scaleline:</p>
  
  <pre><code>var scale = new ol.control.ScaleLine({
      target: document.getElementById("scaleline")
  });
  map.addControl(scale);
  </code></pre>
  
  <p>It sounds a CSS problem, but how do i configure css for div "scaleline" ?</p>